HTML Bilder nach anklicken groß anzeigen lasseen

cardinal

Lt. Junior Grade
Dabei seit
Mai 2010
Beiträge
445
Nabend Community,

ich versuche gerade eine bestimmte Funktion einer Website in eine andere zu "übertragen"....

Ich hätte gerne, dass die Eigenschaft dieser Website Fotos nach einem Klick so anzuzeigen, dass sich dieses Fenster öffnet und man dann mit den Pfeilen an den Seiten bei Bedarf die weiteren Fotos anschauen kann. Das hätte ich gern bei dieser Website. Dort werde ich aber immer wieder an den Kopf der Seite weitergeleitet.

Ich habe natürlich schon selbst rumprobiert, das Problem ist aber, dass ich nicht genau weiß, was alles genau mit reinwirkt und möglicherweise geändert werden muss.

Könnte mir jemand auf die Sprünge helfen? Ich wäre sehr dankbar :)

LG,
Lui
 

cardinal

Lt. Junior Grade
Ersteller dieses Themas
Dabei seit
Mai 2010
Beiträge
445
Hatte es rein mit einem HTML Befehl versucht und mal gar nicht an jQuery gedacht , Betriebsblindheit lässt grüßen :D
Vielen Dank euch beiden :)

Ich geb mich da mal ran
 

cardinal

Lt. Junior Grade
Ersteller dieses Themas
Dabei seit
Mai 2010
Beiträge
445
Also das jQuery Plugin zu benutzen sollte eigentlich recht einfach sein, aber es will einfach nicht funktionieren...
Ich habe mich genau an die Anweisungen gehalten, es passiert aber leider nichts :mad:

Wie vorher schon gesagt, versuche ich es auf diese Website anzuwenden

So sollte es doch eigentlich funktionieren, oder nicht?

Header:
HTML:
       <head>
		<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
		<script type="text/javascript" src="https://rawgit.com/n33/jquery.poptrox/master/jquery.poptrox.js"</script>	
	</head>
Gallery:
HTML:
<!-- Carousel -->
     <section class="carousel">
          <div class="reel" id="reel">

               <article>
                    <a href="images/fulls/01.jpg" class="image featured"><img src="images/thumbs/01.jpg" title="This right here is a caption." /></a>
                    <header>
                    <h3><a href="#">Pulvinar sagittis congue</a></h3>
                    </header>
                    <p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>
               </article>
           </div>
     </section>

<script>
     var foo = $('#reel');
     foo.poptrox();
</script>
Das Bild wird aber nur an sich geöffnet, kein Popup wie im Plugin.

Könnte mir jemand zeigen wie es richtig geht?


EDIT:
Anscheinend gibts ein Problem mit der "jquery.poptrox.min.js" vom Git. Nachdem ich eine andere eingebunden habe, funktioniert es wie gewollt...
Den oben gezeigten Code habe ich angepasst, dass es funktionieren sollte.
 
Zuletzt bearbeitet:
Top