Wie fügt man den Miniaturen im Nivo Slider Plugin einen Schieberegler hinzu?

Question

Ich habe schon lange danach gesucht und versucht, zwei verschiedene Plugins zusammen zu setzen, damit das funktioniert, aber nichts scheint zu funktionieren.

Wissen Sie über gute Links, um den Miniaturansichten im Schieberegler nivo einen Schieberegler hinzuzufügen, sodass Sie nur 5 Miniaturbilder gleichzeitig anzeigen können und wenn Sie auf den Miniaturbildbereich klicken oder bleiben, werden die nächsten 5 angezeigt Vorschaubilder?

Ich habe versucht, JSCarousel und ThumbnailScroller auf die .nivo-controlNav-Tag, aber hatten kein Glück mit beiden.

Jede Hilfe wäre dankbar, danke!

Answer 1

Es scheint, als ob Sie möglicherweise eine benutzerdefinierte Lösung entwickeln müssen. Ich würde vorschlagen, es erneut mit JSCarousel zu versuchen, ich habe es in der Vergangenheit für genau diese Lösung verwendet und war erfolgreich. Ansonsten ich nicht Ihren Code für Sie schreiben, aber die Pseudo-Code wie so gehen würde:

1. Liste aller Thumbnails innerhalb eines div-Tag, das die Höhe (mit margin und padding) der Thumbnails und eine automatische Breite. Wickeln Sie ein div um es mit einer festen Breite. Zum Beispiel, wenn Sie quadratische Miniaturen von 90px haben und 10px Padding um jeden herum haben möchten, dann ist Ihre Container div Höhe 110px und wenn Sie 5 Miniaturen anzeigen wollen, dann ist Ihre Breite 550px. Das Wichtigste ist, dass Ihr Überlauf auf Versteckt gesetzt sein muss, damit keine anderen Vorschaubilder angezeigt werden.
2. Erstellen Sie Ihre Schaltflächen auf beiden Seiten.
3. Verschieben Sie auf einen Klick die linke Position Ihres Thumbnails, das div um 550 px (oder welche Breite Sie haben).
4. Haben Sie bedingte Anweisungen, die prüfen, ob die linke Position größer als die Breite (rechte Grenze erreicht) oder kleiner als 0 (linke Grenze erreicht) ist.

Hoffentlich wird dies Sie in die richtige Richtung weisen!