Light / Videobox

[holgerp]

Hallo zusammen
Ich habe auf meiner Internetseite eine Lightbox eingebaut, doch leider erscheinen die "Next" und "Prev" Button nicht um zum nächsten oder zum vorherigen Bild zu springen.
Ich habe mal nach dem Problem gegooglet un dviele einträge in Foren gefunden wo gesagt wurde das der Pfad in der CSS Datei angepasst werden muss, das hab eich auch gatan was jedoch leider ohne Erfolg war.

Desweiteren hab eich das Problem das ich gerne auf einer Seite eine Lightbox UND eine Videobox eingebaut haben möcht, bis dato habe ich nur eine Lightbox ODER eine Videobox auf den einzelnen Seiten eingebaut. Nun nochte ich jedoch eien Seite auf der Bilder sowie Videos so angezeigt werden können.

Für die Lightbox habe ich das in den Headbereich meiner Seite eingefügt:

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

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

und zur Verlinkung eines Bildes dieseshier:

<a href="image/hd.png" rel="lightbox" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image24','','thumb/thumb-4.png',1)"><img src="thumb/thumb-4-2.png" name="Image24" width="80" height="80" border="0" id="Image24" /></a>

nicht wundern, es ist ein Rollover...Hoffe hier kann mir da jemand einen Tip zu geben.
Gruß Holger

[Patrick Andrieu]

Hallo holgerp!

Deine Frage(n) ist aber nicht klar.

Hast Du das beschriebene Problem mit der Lightbox erst DANN, wenn du noch die Videobox einbindest oder schon »so«?

<a href="image/hd.png" rel="lightbox" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image24','','thumb/thumb-4.png',1)"><img src="thumb/thumb-4-2.png" name="Image24" width="80" height="80" border="0" id="Image24" /></a>

Tritt das Problem (es ging ja um die Next- und Prev-Links) auch, wenn Du diese schrottigen Dreamweaver-Rollover 'rausnimmst?

Disclaimer: die Bezeichnung »schrottige Dreamweaver-Rollover« ist keine Beleidigung. Sollte diese jedoch als Beleidigung aufgefasst werden, bitte ich den »Beleidigten«, sich an die Dreamweaver-Programmierer zu wenden.

Viele Grüße aus Frankfurt/Main,
Patrick

[holgerp]

Hallo
Schon ok, danke. Ich möchte nochmal eben klarstellen, ich kann nur das umsetzten was ich lerne und bis dato gelernt habe. Im Studium lernen wir MOMENTAN nunmal LEIDER nichts anderes als diese Art mit Dreamweaver umzugehen. Drum kann ich nur daraus lernen wo mich andere auf Fehler aufmerksam machen ;)

Meine Frage bezieht sich auf die "Next" und "Prev" Buttons generell, getestet habe ich es bis dato jedoch NUR bei der Lightbox, also schon »so« OHNE die Videobox.
Sie erscheinen aber auch dann nicht wenn ich diesen »schrottige Dreamweaver-Rollover« rausnehme.
Den Pfad habe ich auchschon überprüft und sogar geändert bzw damit rumprobiert, der ist richtig.

Hallo holgerp!

Deine Frage(n) ist aber nicht klar.

Hast Du das beschriebene Problem mit der Lightbox erst DANN, wenn du noch die Videobox einbindest oder schon »so«?

»» <a href="image/hd.png" rel="lightbox" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image24','','thumb/thumb-4.png',1)"><img src="thumb/thumb-4-2.png" name="Image24" width="80" height="80" border="0" id="Image24" /></a>

Tritt das Problem (es ging ja um die Next- und Prev-Links) auch, wenn Du diese schrottigen Dreamweaver-Rollover 'rausnimmst?

Disclaimer: die Bezeichnung »schrottige Dreamweaver-Rollover« ist keine Beleidigung. Sollte diese jedoch als Beleidigung aufgefasst werden, bitte ich den »Beleidigten«, sich an die Dreamweaver-Programmierer zu wenden.

Viele Grüße aus Frankfurt/Main,
Patrick

[Patrick Andrieu]

Hallo holgerp!

Drum kann ich nur daraus lernen wo mich andere auf Fehler aufmerksam machen ;)

Ist alles kein Vorwurf. Sieh es als Hinweis, Dich mehr mit SELFHTML zu befassen. Dann wirst Du Hilfsmittel wie Dreamweaver nicht mehr brauchen.

Meine Frage bezieht sich auf die "Next" und "Prev" Buttons generell, getestet habe ich es bis dato jedoch NUR bei der Lightbox, also schon »so« OHNE die Videobox.
Sie erscheinen aber auch dann nicht wenn ich diesen »schrottige Dreamweaver-Rollover« rausnehme.

OK. Nur hellsehen kann leider keiner. Daher mein Vorschlag, da Du ja Webspace hast: Stell ein auf ein Minimum reduziertes Beispiel online, bei dem das von Dir beschriebene Problem (keine Next- Prev-Lins) auftritt. Und ich verspreche Dir, dass bald jemand aus dem Forum (vielleicht sogar ich), dem Problem auf die Spur kommt.

Viele Grüße aus Frankfurt/Main,
Patrick

[Malcolm Beck´s]

AOP!

OK. Nur hellsehen kann leider keiner.

Hmm, ein wenig vielleicht ;)

Daher mein Vorschlag, da Du ja Webspace hast: Stell ein auf ein Minimum reduziertes Beispiel online, bei dem das von Dir beschriebene Problem (keine Next- Prev-Lins) auftritt. Und ich verspreche Dir, dass bald jemand aus dem Forum (vielleicht sogar ich), dem Problem auf die Spur kommt.

http://www.holgerpohr.com/grafik.html -- gehe ich mal von aus.
Im HTML werden die Bilder mittels rel="lightbox" für das Script bekannt gemacht.

Diese schreibweise bezieht sich aber nur auf „Single Images“, daher werden die Prev und Next Buttons durch das Javascript ausgeblendet.

So sieht es dann im HTML aus:

<a id="prevLink" href="#" style="display: none; height: 480px;"/>  
<a id="nextLink" href="#" style="display: none; height: 480px;"/>

Um ein „Set“ an Bildern zu verknüpfen, muss das rel um einen Parameter erweitert werden, so wie hier beschrieben (unter „Part 2 - Activate“ der 2 Punkt).

<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>  
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>  
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

Wobei [roadtrip] auch umbenannt werden kann, am besten einen Begriff wählen, der zur Galerie passt. So kann man auf einer Seite auch 10 verschidene Sets an Bildern verknüpfen.

<a href="images/image-1.jpg" rel="lightbox[meinauto]">image #1</a>  
<a href="images/image-2.jpg" rel="lightbox[meinauto]">image #2</a>  
<a href="images/image-3.jpg" rel="lightbox[unfall]">image #3</a>  
<a href="images/image-4.jpg" rel="lightbox[unfall]">image #4</a>

mfg

[holgerp]

Vielen Dank, das war es :)
Ich habe ständig den Pfad und den Queltext nach Fehlern durchsucht, das ich jedoch einfach den rel um einen Parameter erweitern muss hätte ich nicht gedacht. Jetzt klappt es!
Danke MFG

Um ein „Set“ an Bildern zu verknüpfen, muss das rel um einen Parameter erweitert werden, so wie hier beschrieben (unter „Part 2 - Activate“ der 2 Punkt).

[Patrick Andrieu]

Hallo holgerp!

Vielen Dank, das war es :)

Na, dann konnte mein Versprechen ja gehalten werden ;)

Danke an den Enginör (Malcolm) ;)

Viele Grüße aus Frankfurt/Main,
Patrick