jQuery carousel: reactiesnelheid

[SideShow]

Hallo

Ik had onlangs een carousel gemaakt met mootools adhv dit voorbeeld:
http://woorktuts.110mb.com/art_of_reuse_code/index4.html#

Werkt heel mooi en fijn, alleen, mootools en jquery samen lukt niet. dus moet ik de carousel ombouwen naar jQuery.

Het probleem met bijna alle jQuery carousels is, dat het te traag is (en soms ook buggy)
Wat bedoel ik met te traag? Zie hier: http://sorgalla.com/proje...amples/static_simple.html
Je moet telkens wachten totdat de eerste animatie voltooid is, voordat een tweede zal starten, dat is niet het geval bij mootools, waar je lekker snel door de items kan rammen. Ok, er is een back-easing effect wat beetje lullig oogt, maar dat zet je natuurlijk uit.

Ik ben zeker dat het kan met jQuery, alleen vind ik totaal niet hoe.

Iemand die kan helpen?

[remcotolsma]

In MooTools kun je aangeven wat er moet gebeuren als een effect die al wordt uitgevoerd nog een keer wordt gestart. Wat vaak het geval is als je op 'vorige' of 'volgende' drukt bij een carousel. Zie ook de documentatie (http://mootools.net/docs/Fx/Fx), de optie 'link' (in oudere MooTools versie 'wait').

Heb minder ervaring met jQuery maar bij de animate functie heb je een 'queue' optie (http://docs.jquery.com/Effects/animate#paramsoptions). Deze optie zal wel enigszins overeenkomen met de optie 'link' of 'wait' binnen MooTools.

[SideShow]

Er is iets van, maar die queue werkt gewoon supertraag, ik bedoel, als je heel rap klikt, dan queued hij gewoon niet.

*edit: correctie: enkel in IE is het traag, jammergenoeg 80% van alle browsers

[ Voor 25% gewijzigd door SideShow op 17-02-2009 19:42 ]

[SideShow]

Bij wijze van test, nog iets online gezet:

http://users.telenet.be/sideshow/testcarousel.htm

Rammen op next:
- heerlijk vloeiend in firefox, safari
- lekker houterig in IE, en daar verandert de queue niks aan, IE negeert gewoon vlug opeenvolgende input...

Of ligt dit aan IE8? Ik heb momenteel geen mogelijkheid het te testen met 6 of 7

[Patriot]

Ik heb het even getest met IE6, 7 en 8, en in alle versies doet hij bij mij hetzelfde. Maar om dat nou traag te noemen? Het gaat inderdaad niet precies hetzelfde als in Firefox, maar het voelt niet traag hoor.

[Verwijderd]

Je kan Mootools en jQuery ook prima samen gebruiken. Ze maken alleen beide gebruik van het '$-teken' om dingen aan te roepen. Maak daarvoor gebruik van deze snelle fix:

JavaScript:

var J = jQuery.noConflict();

J(document).ready(function(){

Plaats deze ergens in je jQuery plugin en verandere de '&-tekens' door een 'J'.

[ Voor 4% gewijzigd door Verwijderd op 18-02-2009 10:12 ]