lightbox

BugsInvoegtoepassingenJoomlaScripts

Lightbox, onmogelijk in Chrome. Firefox en IE in orde.

Ik dacht een positief artikel te schrijven over het oplossen van jquery conflicten voor gebruik van Lightbox binnen verschillende browsers maar dat valt dus even mooi tegen. Overzicht van problemen, oplossingen en ideeen:

  1. Lightbox is te verkrijgen als WordPress plugin of Joomla extensie maar ook kan je het script zelf plaatsen binnen elke website.
  2. Daartoe download je het Lightbox script. Een pakketje met wat css files, js files en wat images. Klik hier om het script te downloaden.
  3. Nu pas ik dit toe op een Joomla website. Ik plaats daartoe de javascript files in de templates/my-tempate/js folder en de css files in in de template/my-template/css folder en de images in de root/images/ folder.
  4. Ik wil dat de afbeeldingen van een
Lees verder. Lees meer
InvoegtoepassingenWordpressWordpress themes

Openen video in Lightbox deel 2

In een vorige blogpost heb ik aandacht gegeven aan een succesvolle poging om een video binnen een WordPress website te openen via een Lightbox applicatie. Klik hier om dat artikel te lezen. Dat verhaal heeft een vervolg via een andere klant die hetzelfde lijkt te willen. In het vorige artikel wilde de klant de video openen vanuit een Slider op de voorpagina en deze klant wil de video openen vanuit een grid pagina template in WordPress. De template toont op de pagina allemaal foto-s die vervolgens linken naar een post waarbinnen de video bekeken kan worden. Kortom: de pagina zelf bevat geen video-s.

Plaatsen video via Post titel in WordPress

Door de YouTube video te laten embedden in een … Lees verder.

Lees meer
InvoegtoepassingenScripts

Lightbox 2.04

Vandaag gewerkt met “Lightbox 2.04”. Dit is een toepassing die is bedoeld om binnen een (HTML)webpagina op een professionele wijze foto’s weer te geven. Vrij simpel:

  1. Download lightbox = een map met bestanden: images (bevatten de foto’s), js, css en een HTML file als voorbeeld. ( zie: http://www.huddletogether.com/projects/lightbox2/ )
  2. Open de HTML file en volgt de instructies.
  3. Open ‘beeld’ en vervolgens ‘paginabron’ om achter de HTML site te kijken hoe actionscript moet worden geplaatst binnen HTML pagina van de eigen site.

    Dit betekent dat de volgende scripts binnen de “head” van de site geplaatst moeten worden:

<link rel=”stylesheet” href=”css/lightbox.css” type=”text/css” media=”screen” />

<script src=”js/prototype.js” type=”text/javascript”></script>

<script src=”js/scriptaculous.js?load=effects,builder” type=”text/javascript”></script>

<script src=”js/lightbox.js” type=”text/javascript”></script>

  1. Plaats
Lees verder.

Lees meer