visuallightbox automatisch starten

[patrickbieri]

Hallo

Ich hatte vor etwa einer Stunde hier eine Frage gestellt. Nun ist sie wieder verschwunden und meine Registrierung auch :sad:. Ok, ich versuche es nochmals...

Ich möchte auf meiner Seite Impressionen die slideshow direkt starten. Jetzt muss man dazu auf eines der kleinen Bilder klicken.

Da ich kaum html kann und schon gar kein javascript, finde ich mich nicht zurecht. Mit window.onload habe ich es versucht, doch ohne Erfolg. Weiss jemand Rat?

Hier der Eintrag im Head:

<!-- 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>
<!-- End VisualLightBox.com HEAD section -->

Und der im Body:

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

Gruss
Patrick

 

[der_gerrit]

Ich hatte vor etwa einer Stunde hier eine Frage gestellt. Nun ist sie wieder verschwunden und meine Registrierung auch :sad:. Ok, ich versuche es nochmals...

Look here:Datenbankausfall

Da ich kaum html kann und schon gar kein javascript, finde ich mich nicht zurecht. Mit window.onload habe ich es versucht, doch ohne Erfolg. Weiss jemand Rat?

Hast du denn auch im Head-Bereich irgendeine Initalisierung für die Lightbox. Ansonsten klappt das ja auch garnicht.

Und eine Frage zum Thema Visual Lightbox, hast du dafür echt Geld bezahlt?
Es gibt doch unzählige jQuery Scripte die mehr können und nicht kosten und trotzdem auch für Einsteiger zu begreifen sind... Lightbox2

 

[patrickbieri]

Hallo der_gerrit

Nein, ich habe dafür kein Geld bezahlt. Für private Nutzung ist das gratis.

Der Head-Bereich sieht genau so aus, wie gepostet. Auf der Seite "Impressionen" kannst du dir das ja anschauen. Das ganze funktioniert bestens, bloss möchte ich, dass es ohne Klick startet.

 

[der_gerrit]

Hallo der_gerrit

Nein, ich habe dafür kein Geld bezahlt. Für private Nutzung ist das gratis.

Der Head-Bereich sieht genau so aus, wie gepostet. Auf der Seite "Impressionen" kannst du dir das ja anschauen. Das ganze funktioniert bestens, bloss möchte ich, dass es ohne Klick startet.

Also bei mir funzt da nichts. Die Bilder werden einfach im selben Fenster dargestelllt ohne irgendeine Navigation ... oder habe ich das komplett falsch verstanden was du willst?! ... kann ja auch sein :mrgreen:

 

[patrickbieri]

Wenn du die Seite aufrufst, dann steht da "Impressionen". Darunter hat es 8 Bilder. Wenn du auf eines klickst, dann geht die lightbox auf und es beginnt einen slideshow, welche alle 7 Sekunden das Bild wechselt.

Nun möchte ich, dass die lightbox mit dem ersten Bild direkt startet, ohne dass man auf ein Foto klicken muss.

 

[patrickbieri]

He, ich habs geschafft!!!

Mit der Funktion showLightBox und einer id beim ersten Bild:

Hier der neue Head:

<!-- 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 -->


Und hier der angepasste Eintrag des ersten Bildes:

<!-- 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>



Gruss
Patrick