Slider Funktion hinzufügen

[tvtotal]

Hallo,
wie kann ich es erreichen, dass ich bei folgendem Slider auf ein Bild klicke und das angeklickte, "aktive" Bild dann immer ganz nach oben fährt?
http://jsfiddle.net/Quaese/qjjvntom/2/
Danke tvtotal

 

[Sempervivum]

Um das zu erreichen, würde ich das ganze etwas anders aufziehen: Zunächst die Elemente erweitern, drei neue am Anfang einfügen und drei neue am Ende. Dann das ganze #mytrack sliden, indem Du die Position um die Höhe eines Elementes verringerst oder erhöhst, per Animation. (Dazu einen wrapper drum herum legen, um absolut positionieren zu können.) Und anschließend am Ende ein Element verschieben, wie Du es schon hast.
Dann hast Du immer genug Elemente zur Verfügung, um ein geklicktes Element an die oberste Position zu schieben. Die Endposition von #mytrack musst Du aus dem Index des geklickten Elementes berechnen. Und am Ende wieder die Elemente verschieben, um die Ausgangsstruktur zu erreichen.

 

[tvtotal]

Hallo und danke,

ich habe zunächst einmal versucht, durch Klick eine Bewegung zu erzeugen. Das geht, aber noch unkontrolliert. Dann müsste die Liste der Bilder duplizieren und anhängen. Habe jetzt ein wenig darüber gelesen. Kann ich dazu prev & next nehmen?

$(".mytrack span").click(function() {
  $(".mytrack").animate({
  scrollTop: 0
  },
  1000,
  'swing',
  function() {
     addlist = ???
     $(this).find('span:last').after(addlist);
     }
  );
  });

 

[Sempervivum]

Ich dachte zunächst, Du hättest dieses Skript selbst geschrieben. Ist das nicht der Fall?
Ich dachte auch zunächst daran, prev und next mehrfach zu aktivieren, aber dann würde das Gleiten unregelmäßig und mit Unterbrechung stattfinden.

 

[tvtotal]

Ich gebs auf und benutze einen fertigen Slider.