2012-04-04 7 views
1

Ich brauche einen jQuery Scroller, um meine Divs mit automatischer Scroll-Funktion zu scrollen. Ich suche nach etwas wie jCarousel.jQuery div autoscroller Lösung

enter image description here

Aber es gibt Grenzen dafür. Was ich will, ist eines;

1. Scrollen <div> s (oder einige html Elemente) und nicht nur Bilder. Ich kann etwas wie das Bild unten haben, um zu scrollen.

Sample image

Es ist ein Text und Bildkombination.

2. Es sollte Autoscroll Inhalt

3. Der Schieber sollte MARQUE kontinuierlich und sollte nicht zum Anfang zurückzuspulen. Der Schieberegler sollte nicht zurückspulen (in die entgegengesetzte Richtung), um nach dem letzten Bild/Inhalt zum ersten Bild/Inhalt zu gehen.

Was jcarousel macht, ist im Autoscroll-Modus, es zeigt eine Reihe von Bildern/Inhalten gleichzeitig an, stoppt für eine Weile und zeigt dann sofort den nächsten Satz an. Ich möchte das nicht und möchte Inhalte automatisch in einer Schleife scrollen. Das heißt, der erste Inhalt sollte nach dem letzten Inhalt in einer kreisförmigen Schleife kommen.

Ich kann zusätzliche Details zur Verfügung stellen. einfach Kommentare posten.

Wer hat was ich will zu sagen und was ich will und mir eine Lösung vorschlagen?

+0

Haben Sie einfach die Scroll-Funktionalität wollen, oder tun Sie das mit dem Inhalt in der Lage sein wollen, zu interagieren, auch? –

+0

@JeffB Ich möchte nur Inhalte scrollen. Das ist alles. Vielleicht unterstützt es ein Format, das ich als Bild gepostet habe. Das Item sollte eine 'href' unterstützen, damit ich es als Link benutzen kann. –

Antwort

1

Sie können dies ohne ein Plugin mit einigen ziemlich einfachen jQuery tun.

ein Beispiel Siehe hier, dass ich für eine andere Antwort zusammen:

http://jsfiddle.net/6Dxg6/

Grundsätzlich ist die Idee ist, dass Sie den Inhalt eines Wrapper klonen und dann kontinuierlich den Inhalt nach rechts verschieben/links die Breite des ursprünglichen Inhalts und dann zurückgesetzt. Funktioniert mit jedem Inhalt.

Dieser Code enthält sogar Hover-Stop-Funktionalität. Ohne das ist der Code noch einfacher:

http://jsfiddle.net/qJZtp/1/

+0

Das ist toller Mann ... danke ...;) –