Zuerst zum Safari-Problem: update machen
Zu der Darstellung würd ich nicht das Content-Element der Lightbox4ward nutzen, sondern selbst ein Template oder sogar HTML/Javascript-Code schreiben, das mir alle Bilder anzeigt.
Die lightbox4ward hört auch auf das typische Lightbox-Rel-Attribut.
Du kannst also
HTML-Code:
<a href="link/zu/meinem/bild.jpg" rel="mediabox"><img src="thumbnail.jpg" ...
nutzen.
soll es eine Galerie aus den Thumbs werden, gibst du dem ganzen einen Namen:
HTML-Code:
<a href="link/zu/meinem/bild.jpg" rel="mediabox[meineGalerie]"><img src="thumbnail.jpg" ...
Den Hover-Effekt kannst du entweder über die <a>-Tags und CSS erreichen:
Code:
div.mainContainer a:hover {
....
}
Eventuell musst du hierfür die <a>-Tags als Block definieren (display:block), dann verhalten sie sich wie Divs.
Oder du schreibst dir ein Javascript:
HTML-Code:
window.addEvent('domready', function() {
$$("div.mainContainer img").each(function(el)){
el.addEvent('mouseenter',function(e){el.addClass('hover');});
el.addEvent('mouseleave',function(e){el.removeClass('hover');});
});
});
Damit bekomen die Bilder die hover CSS-Klasse wenn die Maus drüberfährt.
So, viel Glück
Lesezeichen