mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 09:12 Benutzername: Passwort: Auto-Login

Thema: Mal wieder ein Problem mit PREV/NEXT Buttons bei Lightbox2 vom 23.02.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Mal wieder ein Problem mit PREV/NEXT Buttons bei Lightbox2
Autor Nachricht
girlfrommars13
Threadersteller

Dabei seit: 23.02.2011
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Mi 23.02.2011 17:08
Titel

Mal wieder ein Problem mit PREV/NEXT Buttons bei Lightbox2

Antworten mit Zitat Zum Seitenanfang

Hallo an alle!

Ich habe mich nun totgesucht nach Lösungen für mein Problem, hab alle gefundenen Lösungsvorschläge ausprobiert, nichts funktioniert. Ich bin verzweifelt.

Load und Close gehen einwandfrei und auch die Navigation der prev-/nextbuttons geht, nur sieht man sie nicht.
Ich hab beim Download die Folder css, js und images in meinen websiteordner kopiert, wo sich alle anderen Dateien auch befinden.

Hier der Code im Script von "Lightbox.css":
Code:

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


So sieht der Code im Script meiner "Test.html" Datei aus:

Head

Code:

 <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>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />


Body

Code:

<a href="wdwkw/auswahl/r_MG_6338.jpg" rel="lightbox[group]"><img src="wdwkw/auswahl/r_MG_6338_thumb.jpg" /></a>
<a href="wdwkw/auswahl/r_MG_6237.jpg" rel="lightbox[group]"><img src="wdwkw/auswahl/r_MG_6237_thumb.jpg" /></a>
<a href="wdwkw/auswahl/r_MG_5098.jpg" rel="lightbox[group]"><img src="wdwkw/auswahl/r_MG_5098_thumb.jpg" /></a>


Und hier ausprobierte Lösungswege:

Code:

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink { right: 0; float: right; background: url(images/nextlabel.gif) right 15% no-repeat; }
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


Code:

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink { right: 0; float: right; background: url(../images/nextlabel.gif) right 15% no-repeat; }
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


Code:

 <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>
<link rel="stylesheet" href="../css/lightbox.css" type="text/css" media="screen" />


beim letzten war dann die Lightbox zB ganz weg. Hab auch bei allen Varianten nochmal die ".." vor dem "/" weggelassen.

Und ich weiss nicht, ob in den anderen Dateien wie "lightbox.js" o.ä. noch irgendwelche Codes sind, die auf "prev" und "next" bezogen sind, wo man auch nochmal irgendwas ändern könnte. Vielleicht hab ich auch vor lauter Bäumen den Wald nicht gesehen, aber ich glaube, alles genau überprüft zu haben.

Kann mir jemand sagen, wo das Problem liegt? Ich wäre sehr dankbar, da ich nicht mehr weiter weiss..

Danke schonmal im Voraus!

Liebe Grüße, Rike
  View user's profile Private Nachricht senden
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Mi 23.02.2011 18:44
Titel

Antworten mit Zitat Zum Seitenanfang

Mit Link zum Problem wird alles ganz einfach, aber ohne werden sicher nicht allzu viele Reaktionen kommen (wenn überhaupt).
  View user's profile Private Nachricht senden
Anzeige
Anzeige
girlfrommars13
Threadersteller

Dabei seit: 23.02.2011
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Do 24.02.2011 11:01
Titel

Antworten mit Zitat Zum Seitenanfang

geht schon, danke! ich habe nach STUNDENLANGEM rumprobieren und nach noch ständig wieder anderen aufgetretenen fehlern jetzt "einfach mal" den kompletten code von lightbox.css in den header meiner websitedabei kopiert anstatt

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

und nun geht es!
  View user's profile Private Nachricht senden
 
Ähnliche Themen Lifghtbox V2 und die Prev Next Buttons
Lightbox 2 prev & next buttons, der 1000ste Thread
Lightbox 2: next / prev Buttons werden nicht angezeigt
Lightbox2 Problem mit Bildreihenfolge und -ablauf
Problem mit Buttons in einer Diashow
[Problem] CSS -> Radio Buttons (Mozilla vs. IE)
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.