girlfrommars13
Threadersteller
Dabei seit: 23.02.2011
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 23.02.2011 17:08
Titel Mal wieder ein Problem mit PREV/NEXT Buttons bei Lightbox2 |
|
|
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
|
|