patrickbieri: Slideshow mit Hintergrundmusik

Beitrag lesen

So, inzwischen bin ich fündig geworden. Hier nun die Lösung.

Der Head sieht nun so aus:

<!-- Start VisualLightBox.com HEAD section -->
<link rel="stylesheet" href="engine/css/vlightbox1.css" type="text/css" />
<link rel="stylesheet" href="engine/css/visuallightbox.css" type="text/css" media="screen" />
<script src="engine/js/jquery.min.js" type="text/javascript"></script>
<script src="engine/js/visuallightbox.js" type="text/javascript"></script>
<script src="engine/js/vlbdata.js" type="text/javascript"></script>

<script type="text/javascript">  
		  
function showLightBox()  
   { Lightbox.start(document.getElementById('firstImage'));}  
			  
   window.onload = showLightBox;  
			  
</script>

<!-- End VisualLightBox.com HEAD section -->

Im Body muss nun noch eines der Bilder mit der id="firstImage" versehen werden:

<!-- Start VisualLightBox.com BODY section id=1 -->
<div id="vlightbox1">
<a class="vlightbox1" href="data/images1/baum.jpg" title="Baum" id="firstImage"><img src="data/thumbnails1/baum.jpg" alt="Baum"/></a>

Erklärung:
Die function showLightBox startet die Lightbox mit dem Bild, welches die id "fristImage" trägt.
window.onload führt dann showLightBox nach dem Laden der Seite aus.
id="fristImage" kennzeichnet das Startbild. Es könnte auch das zweite oder dritte...Bild sein.

Gruss
Patrick