FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Zur Registrierung

Thema: Javascript Lightbox Weiter/Zurück Buttons vom 14.03.2013

	MGi Foren-Übersicht -> Programmierung -> Javascript Lightbox Weiter/Zurück Buttons

Autor

Nachricht

Farbmalkasten
Threadersteller

Dabei seit: 14.08.2010
Ort: -
Alter: -
Geschlecht: Männlich

Verfasst Do 14.03.2013 09:58
Titel

Javascript Lightbox Weiter/Zurück Buttons

Hallo zusammen,

ich habe in die Galerie "Galleriffic" mit folgendem Javascript-Code eine Lightbox integriert. Leider weiß ich nicht, wie ich Weiter/Zurück-Buttons integrieren kann. Standardmäßig such Galleriffic nach diesem Code im Quelltext

Code:

und setzt dann dort die Buttons ein. Diesen Code habe ich nun unter das Lightbox-Fenster gepackt, aber es scheint nicht zu funktionieren. Die Lightbox scheint für Galleriffic nicht als durchsuchbaren Quelltext zu erscheinen. Hat jemand eine Idee, wie ich trotzdem dieses div dort eingebaut bekomme?

Vielen Dank und viele Grüße

Farbmalkasten

Code für Lightbox:

Code:

            .click(function(e) {
               gallery.clickHandler(e, this);

               if($("body").find(".lightbox_div").length==0)
               {
               var content='<div class="lightbox_div" align="center" style="display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:999999999999;" onclick="remove_lightbox()">';
               content+='<table><tr><td><img class="main_img" src="';
               content+=$(imageData.image).attr("src");
               content+='" style="margin-top:100px; border:10px solid #fff" />';
               content+='</td>';
               content+='<td style="vertical-align:top">';
               content+='<div style="cursor:pointer; margin-top:90px; margin-left:0px;" onclick="remove_lightbox()"><img src="images/close-button.png" /></div> </td></tr></table>';

               content+='</div>';

               $("body").find("#header").before(content);


               }
               else
               {
                  $("body").find(".main_img").attr("src",$(imageData.image).attr("src"));
               }

               $("body").find(".lightbox_div").fadeIn("slow");

            });


	MGi Foren-Übersicht -> Programmierung

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.