ngg-Gallery: wie mache ich DAS??

leonio879

Hallo,

ich habe Alex Raabes ngg Gallery laufen und bin an sich super-glücklich damit. Das einzige, was mir zum perfekten Glück fehlt, wäre ein Gallery-Layout, dass es in MyGallery mal gab: Ein grosses Vorschau-Bild dass sich jeweils ändert, wenn man auf einen aus einer Reihe darunter angeordneten Thumbnails klickt. (Zu sehen z.B. hier , etwas weiter unten).

http://deutschlandcasinos.org/

Weiss jemand, wie und ob das mit ngg Gallery geht bzw. wie das sonst hinzukriegen wäre?

Ich wäre unendlich dankbar.

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

bgeissler

So?
http://gsew.de/nggallery/page-696/image/252/

Hinweise dazu: http://gsew.de/entwicklungen/…iewtopic&t=16.0

pamo

Was du brauchst, ist Nextgen Gallery + Nextgen GalleryView.

http://wordpress.org/extend/plugins…en-galleryview/

MStemberg

Ich hab es so gelöst:

http://www.1step-beyond.de/test-carousel/

HELP NEEDED

Hallo zusammen,

wie schafft man es denn, dass die Bilder so angezeigt werden, wie bei dem letzten Link?

naski

würde mich auch interessieren: tolles
Test-Carousel :razz:

MStemberg

Ich hab einfach das Dingen

http://www.enova-tech.net/eng/lab/jmycarousel/4

erst einmal eingebaut, um das JS für das Karussel zu haben.

Wenn man das richtig eingebaut hat, reicht dieser HTML-Code in einer Seite/einem Artikel aus, um das Karussel darzustellen.

Code

[B][COLOR=#006699]div[/COLOR][/B] [COLOR=#ff0000]class[/COLOR]=[COLOR=#0000ff]"JMyCarousel"[/COLOR][B][COLOR=#006699]>[/COLOR][/B]  
   [B][COLOR=#006699]<ul>[/COLOR][/B]  </SPAN>
       [B][COLOR=#006699]<li><img[/COLOR][/B] [COLOR=#ff0000]src[/COLOR]=[COLOR=#0000ff]"/path_to_the_pictures/1.jpg"[/COLOR] [COLOR=#ff0000]width[/COLOR]=[COLOR=#0000ff]"200"[/COLOR] [COLOR=#ff0000]height[/COLOR]=[COLOR=#0000ff]"150"[/COLOR][B][COLOR=#006699]></li>[/COLOR][/B]  </SPAN>
       [B][COLOR=#006699]<li><img[/COLOR][/B] [COLOR=#ff0000]src[/COLOR]=[COLOR=#0000ff]"/path_to_the_pictures/2.jpg"[/COLOR] [COLOR=#ff0000]width[/COLOR]=[COLOR=#0000ff]"200"[/COLOR] [COLOR=#ff0000]height[/COLOR]=[COLOR=#0000ff]"150"[/COLOR][B][COLOR=#006699]></li>[/COLOR][/B]  </SPAN>
       [B][COLOR=#006699]<li><img[/COLOR][/B] [COLOR=#ff0000]src[/COLOR]=[COLOR=#0000ff]"/path_to_the_pictures/3.jpg"[/COLOR] [COLOR=#ff0000]width[/COLOR]=[COLOR=#0000ff]"200"[/COLOR] [COLOR=#ff0000]height[/COLOR]=[COLOR=#0000ff]"150"[/COLOR][B][COLOR=#006699]></li>[/COLOR][/B]  </SPAN>
       [B][COLOR=#006699]<li><img[/COLOR][/B] [COLOR=#ff0000]src[/COLOR]=[COLOR=#0000ff]"/path_to_the_pictures/4.jpg"[/COLOR] [COLOR=#ff0000]width[/COLOR]=[COLOR=#0000ff]"200"[/COLOR] [COLOR=#ff0000]height[/COLOR]=[COLOR=#0000ff]"150"[/COLOR][B][COLOR=#006699]></li>[/COLOR][/B]  </SPAN>
       [B][COLOR=#006699]<li><img[/COLOR][/B] [COLOR=#ff0000]src[/COLOR]=[COLOR=#0000ff]"/path_to_the_pictures/5.jpg"[/COLOR] [COLOR=#ff0000]width[/COLOR]=[COLOR=#0000ff]"200"[/COLOR] [COLOR=#ff0000]height[/COLOR]=[COLOR=#0000ff]"150"[/COLOR][B][COLOR=#006699]></li>[/COLOR][/B]  </SPAN>
       [B][COLOR=#006699]<li><img[/COLOR][/B] [COLOR=#ff0000]src[/COLOR]=[COLOR=#0000ff]"/path_to_the_pictures/6.jpg"[/COLOR] [COLOR=#ff0000]width[/COLOR]=[COLOR=#0000ff]"200"[/COLOR] [COLOR=#ff0000]height[/COLOR]=[COLOR=#0000ff]"150"[/COLOR][B][COLOR=#006699]></li>[/COLOR][/B]  </SPAN>
 [B][COLOR=#006699]</ul>[/COLOR][/B]  </SPAN>
[B][COLOR=#006699]</div>[/COLOR][/B]  </SPAN>

Natürlich mit dem entsprechenden JS noch. Eine Anleitung dazu findet man hier:

http://www.enova-tech.net/eng/lab/jmycarousel/3

Und wenn ich soweit bin, das das o.a. Code-Beispiel funktioniert und ein Karussel ergibt, muss ich nur ein kleines Plugin schreiben, welches die Bilder aus der von mir angegebenen Galerie holt und den o.a. Code draus macht - die Thumbnails also in eine Liste packt und bei Klick auf ein Thumbnail per Javascript das grosse Bild entsprechend austauscht und per CSS das "Beschreibung-Div" aus der Galerie hinzufügt. Das Plugin könnte ich hier einstellen, aber dazu muss wie gesagt erst einmal das Karussel mit dem notwendigen HTML-Code in Artikeln und Seiten funktionieren.

naski

vielen dank

aber was mache ich falsch?

Link zur TestSeite

MStemberg

Keine Ahnung - 404 Error. Evtl. nicht publiziert, sondern nur Entwurf?

naski

Zitat von MStemberg

Keine Ahnung - 404 Error. Evtl. nicht publiziert, sondern nur Entwurf?

kannste noch mal schauen?

MStemberg

Zuerst mal

Code

[COLOR=#0000ff]<[/COLOR][COLOR=#800000]div[/COLOR][COLOR=#0000ff] [/COLOR][COLOR=#ff0000]class[/COLOR][COLOR=#0000ff]="PostContent">[/COLOR]


 
[COLOR=#0000ff]<[/COLOR][COLOR=#800000]p[/COLOR][COLOR=#0000ff]>[/COLOR][COLOR=purple][B]<[/B][/COLOR]div class=[COLOR=#ff0000]”[/COLOR]JMyCarousel[COLOR=#ff0000]”[/COLOR]>  [COLOR=#0000ff]</[/COLOR][COLOR=#800000]p[/COLOR][COLOR=#0000ff]>[/COLOR]

Das lila fette "<" fehlt bei Dir.

Weiterhin steht das das HTML-Steuerzeichen ” statt ".

Und Deine Image-Links sind broken.

Du hast

Code

http://www.fallschirmjaeger-nva.de/galerie/ks/thue/berg2005/berg1.jpg

, brauchst aber den Galerie-Ordner im Ordner wp-content. Und Deine Bilder URL hat gar kein Bestandteil wp-content. Also Image-Links korrigieren.

naski

danke - jetzt sehe ich mehr... :-) - ABER wie nun weiter es soll ja mal so schön aussehen wie bei dir?

MStemberg

Du hast immer noch kein Karussell, sondern nur eine Liste, in der die Bilder angezeigt werden.

Die brauchst Du zwar, aber noch wirft Dein Karussell einen Javascript-Fehler raus.

Korrigiere mal als erstes das hier:

Code

[COLOR=#0000ff]<[/COLOR][COLOR=#800000]div[/COLOR][COLOR=#0000ff] [/COLOR][COLOR=#ff0000]class[/COLOR][COLOR=#0000ff]=”JMyCarousel”>[/COLOR]
[COLOR=#0000ff]<[/COLOR][COLOR=#800000]ul[/COLOR][COLOR=#0000ff]>[/COLOR]  [COLOR=red][B]</SPAN></p>[/B][/COLOR]




 
[COLOR=#0000ff]<[/COLOR][COLOR=#800000]li[/COLOR][COLOR=#0000ff]>[/COLOR][COLOR=#0000ff]<[/COLOR][COLOR=#800000]img[/COLOR][COLOR=#0000ff] [/COLOR][COLOR=#ff0000]src[/COLOR][COLOR=#0000ff]="http://www.fallschirmjaeger-nva.de/fjb/wp-content/uploads/2011/06/berg1.jpg" [/COLOR][COLOR=#ff0000]width[/COLOR][COLOR=#0000ff]="200" [/COLOR][COLOR=#ff0000]height[/COLOR][COLOR=#0000ff]="150">[/COLOR][COLOR=#0000ff]</[/COLOR][COLOR=#800000]li[/COLOR][COLOR=#0000ff]>[/COLOR]




 
[COLOR=red][B]<p>  </SPAN></p>
[/B][/COLOR]

Alles anzeigen

Absätze und SPANs haben in der Liste nix verloren - stehen bei Dir aber durchgehend drin.

Als Code nur:

Code

<DIV class="JMyCarousel">
<UL>
<LI>.....</LI>
<LI>.....</LI>
</UL>
</DIV>

Die Ausgangsbasis ist wirklich ein FUNKTIONIERENDES Karussel, also bekommst Du bei RICHTIGEM EINBAU das, was ich unten als Bildlaufleiste habe, ohne großen DIV mit Bild, aber mit dem Pfeilen und scrollbaren Bildern.
Dazu hast Du alles notwendige - Du musst es nur richtig einbauen.

naski

danke für deine geduld - könntest du noch mal schauen? BITTE...

MStemberg

Deine CSS für das Karussell ist nicht richtig eingebunden.

Unter den angebenen URLs ist keine CSS zu finden.

Firebug ergibt:

Zitat

Das Laden des Quelltexts ist fehlgeschlagen:: http://www.fallschirmjaegr-nva.de/jMyCarousel/example1.css

Zitat

Das Laden des Quelltexts ist fehlgeschlagen:: http://www.fallschirmjaegr-nva.de/jMyCarousel/jMyCarousel.js

Und was soll das:

Code

jQuery([COLOR=#800000]".jMyCarousel"[/COLOR]).jMyCarousel({

Code

<div class="”JMyCarousel”">

Fallen Dir irgendwelche Unterschiede zwischen dem jQuery-Objekt, welches Du ansprichst, und Deiner DIV-ID auf?

Sorry, aber das sind Fehler, die nicht sein müssen, wenn man im Prinzip Quelltext per Copy&Paste übernimmt.
Sowas sollte natürlich nicht vorkommen, sonst sucht man u.U. ewig.

naski

den link fehler für die css habe ich gefunden, was "div" angeht komm ich nicht weiter - wo habe ich den fehler genau gemaucht.? DANKE

MStemberg

Code

jQuery([COLOR=#800000]".jMyCarousel"[/COLOR]).jMyCarousel({

Code

<div class="[B][COLOR=red]”[/COLOR][COLOR=red]J[/COLOR][/B]MyCarousel[COLOR=red][B]”[/B][/COLOR]">

Stichwort Groß-/Kleinschreibung und doppelte "Anführungszeichen". Und niemals [COLOR=#ff0000]” [COLOR=black]in HTML-Quelltext (außer bei Inhalt)[/COLOR][/COLOR][COLOR=black],[/COLOR][COLOR=black]immer [/COLOR][COLOR=black]", sonst sind Fehler vorprogrammiert.[/COLOR]

naski

VIELEN DANK FÜR DEINE GEDULD UND VERSTÄNDNIS - ich hab nun entlich den fehler gefunden (link css).

Würdest du mir auch helfen damit unten die thums durchlaufen und oben das große bild erscheint?

so wie auf deiner seite....

MStemberg

Die Thumbs laufen ja schon :-)

Wenn Du mir jetzt Deine Email zukommen lässt, an webmaster at worldwidewaiting.de, schicke ich Dir das Plugin, mit dem Du dann NGG-Galerien durchlaufen lassen kannst.

naski

hast post.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

ngg-Gallery: wie mache ich DAS??

Jetzt mitmachen!