HTML Bilder nach anklicken groß anzeigen lasseen

cardinal · 10. November 2015

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

Yuuri · 10. November 2015

Und welches Plugin nutzt du dafür? Copy und Paste wird nix.

Auf der Seite wird https://github.com/n33/jquery.poptrox genutzt, das musst du schon selbst einbinden.

Domski · 10. November 2015

Das ist ein jQuery Plugin, welches du nutzen kannst: https://github.com/n33/jquery.poptrox
Edit: Ein Minimalbeispiel, welches ich bei Google gefunden habe: http://jsfiddle.net/oshihirii/Q8ELn/

cardinal · 10. November 2015

Hatte es rein mit einem HTML Befehl versucht und mal gar nicht an jQuery gedacht , Betriebsblindheit lässt grüßen

Vielen Dank euch beiden

Ich geb mich da mal ran

cardinal · 12. November 2015

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

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.

Suche

HTML Bilder nach anklicken groß anzeigen lasseen

cardinal

Lt. Junior Grade

Yuuri

Fleet Admiral

Domski

Captain

cardinal

Lt. Junior Grade

cardinal

Lt. Junior Grade

Ähnliche Themen