• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Lightbox 2 / Hab mal ne Frage...

P

pama

Mitglied
Hallo,
ich hab auf meiner Seite jetzt die Lightbox 2 installiert.
Unter Artworks kann man jetzt eine der beiden Gallerien auswählen.
Problem nur: Wenn man auf den pixelcar banner klickt kommen zwar die richtigen Bilder. Aber wenn die Bilder eigentlich zu ende sein sollen kann man trotzdem noch auf next klicken und die Bilder der 2. Gallerie photography werden angezeigt.
Ähnlich ist es auch wenn man auf den photography banner kickt. Es werden zwar die richtigen bilder angezeigt aber mit einem klick auf prev kommen dan wieder die bilder der ersten Gallerie!
Also meine eigentliche Frage ist jetzt wie es möglich ist das beim Klick auf den ersten Banner nur bestimmte Bilder angezeigt werden und nich noch die Bilder der anderen Gallerie!

Die Bilder sind schon in 2 verschiedene Ordner das ist nicht die Lösung man muss irgendwas im Quellcode verändern nur was?

html code:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
                 <head>
                 <title>pmDesign - Artworks</title>

                         <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" type="text/css" href="mycss.css">
                 </head>




<body>


         <div id="header"><img src="img/header.jpg" alt="header"></div>
         <div id="left_side"><img src="img/left_side.jpg" alt="left_side"></div>
         <div id="right_side"><img src="img/right_side.jpg" alt="right_side"></div>


                 <div id="navigation">





                 <div id="navigation_home"><a href="index.html"><img src="img/home_grey.jpg"
                                 onmouseover="this.src='img/home_darkgrey.jpg'"
                                 onmouseout="this.src='img/home_grey.jpg'" border="0" alt="home button"></a></div>

                 <div id="navigation_profil"><a href="profil.html"><img src="img/profil_grey.jpg"
                                 onmouseover="this.src='img/profil_darkgrey.jpg'"
                                 onmouseout="this.src='img/profil_grey.jpg'" border="0" alt="profil button"></a></div>

                 <div id="navigation_artworks"><a href="artworks.html"><img src="img/artworks_grey.jpg"
                                 onmouseover="this.src='img/artworks_darkgrey.jpg'"
                                 onmouseout="this.src='img/artworks_grey.jpg'" border="0" alt="artworks button"></a></div>

                 <div id="navigation_partner"><a href="partner.html"><img src="img/partner_grey.jpg"
                                 onmouseover="this.src='img/partner_darkgrey.jpg'"
                                 onmouseout="this.src='img/partner_grey.jpg'" border="0" alt="partner button"></a></div>

                 <div id="navigation_kontakt"><a href="kontakt.html"><img src="img/kontakt_grey.jpg"
                                 onmouseover="this.src='img/kontakt_darkgrey.jpg'"
                                 onmouseout="this.src='img/kontakt_grey.jpg'" border="0" alt="kontakt button"></a></div>



                 </div>



         <div id="copyright">© www.pmDesign.de - 2010</div>
         <div id="impressum"> <a href="impressum.html"> Impressum </a> </div>





         <div id="inhalt">
         <h3>Wilkommen in meiner Gallerie</h3>
         <p>Klicken Sie auf einen der Banner um zur jeweiligen Gallerie zu gelangen!</p>


         <div id="pixelcars_gallerie"><a href="http://www.html.de/images/image-1.png" rel="lightbox[roadtrip]" title="Beispielbild 1">
                                 <img src="img/pixelcars_gallerie_no_mouseover.png"
                                 onmouseover="this.src='img/pixelcars_gallerie_mouseover.png'"
                                 onmouseout="this.src='img/pixelcars_gallerie_no_mouseover.png'" alt="pixelcars gallerie banner"></a></div>

                                 <a href="http://www.html.de/images/image-2.png" rel="lightbox[roadtrip]" title="Beispielbild 2"></a>

         <div id="photography_gallerie"><a href="images2/image-1.jpg" rel="lightbox[roadtrip]" title="Beispielbild 1"
                                 <img src="img/photography_gallerie_no_mouseover.png"
                                 onmouseover="this.src='img/photography_gallerie_mouseover.png'"
                                 onmouseout="this.src='img/photography_gallerie_no_mouseover.png'" alt="photography gallerie banner"></a><div>

                                 <a href="images2/image-2.jpg" rel="lightbox[roadtrip]" title="Beispielbild 2"></a>
                                 <a href="images2/image-3.jpg" rel="lightbox[roadtrip]" title="Beispielbild 3"></a>
         </div>








</body>
</html>
hier die seite da könnt ihr das ganze ausprobieren: pmDesign - Artworks

Hoffe ihr könnt mir helfen!

lg



EDIT: Mir ist gerade aufgefallen der 2. Banner nur im Firefox angezeigt wird! MEIN GOTT WARUM????? Ich hab keine Ahnung was ich alles falsch mach...
Weiß da jemand die Lösung?...
 
Zuletzt bearbeitet:
das roadtrip in den klammern gibt einen gruppennamen an. roadtrip war da auch nur ein beispiel.
schreib bei den Bildern von Gallery 1 zum beispiel gallery1 und bei den anderen gallery2 anstatt roadtrip da rein :)
 
Ja danke hat funktionier.... Schon dumm wenn man die technik dahinter nich versteht xD

Naja aber jetzt wär da noch das Problem das Der zweite banner nur vom Firefox angezeigt wird....
Warum ?

lg
 
Kann mir den keiner helfen???????

Hier noch der CSS Code der die beiden banner positioniert...
HTML: 
#pixelcars_gallerie {
                                 width: 400px;
                                 height: 100px;
                                 margin: 0px auto;
                                 padding: 10px;
                                 }

#photography_gallerie {
                                 width: 400px;
                                 height: 100px;
                                 margin: 0px auto;
                                 padding: 20px;
                                 }
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben