360degrees
Threadersteller
Dabei seit: 02.09.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 02.09.2010 16:10
Titel Lightbox 2 prev & next buttons, der 1000ste Thread |
|
|
Hey,
auch wenn es schon gefühlte 1000 Threads zu diesem Addon gibt, so muss ich leider doch noch einen Weiteren eröffnen. Nutze das Addon, doch leider bekomme ich es nicht hin, die prev & next Buttons angezeigt zu bekommen. Habe im Vorfeld bereits 2h nach dem Fehler gesucht, aber konnte ihn jedoch nicht ausfindig machen. Selbst mit dem Workaround aus dem Forum, die beiden Buttons permanent anzuzeigen, konnte ich keine Abhilfe schaffen.
Die Bilder sind m.E. gruppiert, denn es wird "image 1 of 4" angezeigt, und per Klick lässt sich auch zwischen den Bildern navigieren.
Die beiden Dateien prevlabel.gif & nextlabel.gif liegen relativ zum Dokument in folgendem Ordner: ../images/prevlabel.gif
Hier der Link zur Testseite: http://tropes-on-display.org/dt/expo/01/01.html
hier nun der benötigte Code (soweit ich das einschätzen kann)
HTML Dokument - alt-Tags fehlen noch:
Code: |
<head>
...
<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>
</head>
.
.
.
<div id="spalte1">
<a href="1.jpg" rel="lightbox[group]"><img src="1s.jpg" alt=""/></a><br /> <br />
<a href="2.jpg" rel="lightbox[group]"><img src="2s.jpg" alt=""/></a><br /> <br />
<a href="3.jpg" rel="lightbox[group]"><img src="3s.jpg" alt=""/></a><br /> <br />
<a href="4.jpg" rel="lightbox[group]"><img src="4s.jpg" alt=""/></a><br /> <br />
</div>
|
CSS-Dokument:
Code: | #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; } |
... und schließlich die lightbox.js:
Code: | Configurationl
//
LightboxOptions = Object.extend({
fileLoadingImage: '../images/loading.gif',
fileBottomNavCloseImage: '../images/closelabel.gif',
overlayOpacity: 0.8, // controls transparency of shadow overlay |
Zuletzt bearbeitet von 360degrees am Do 02.09.2010 16:14, insgesamt 2-mal bearbeitet
|
|
360degrees
Threadersteller
Dabei seit: 02.09.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 02.09.2010 16:59
Titel
|
|
|
Hm
Wald, Bäume und so. Habe ausgeblendet, dass ich die beiden gifs aus dem Stylesheet verlinke, also folglich nicht alles per Copy & Paste lösbar ist.
Danke für den Hinweis Ordnerstruktur... durch das Hin- und Herkopieren der Dateien hats dann gefunzt
|
|