ola allemaal op deze zonnige dag.
Ik ben bezig met een slider te maken in jquery. In de volgende link test-server en als deze offline (gaat 's nachts uit) dan is klikker-de-klik de URL waar je het experiment kan vinden. Ik wil met mousewheel plugin slider horizontaal scrollen. Dit heb ik nu aan de praat, heeft nog wat fine-tuning nodig maar het werkt.
Onderstaande functie (is niet gehele maar om ongeveer te zien hoe het werkt) zorgt dat met muiswiel de slider horizontaal scrolt.
Ik zou graag willen weten hoe ik scrollen met dynamische margin-left smooth kan laten scrollen?! tevens zal dat binnen grenzen moeten zijn.
Een voorbeeld;
De huidige margin-left -1234 is, de maximum waarde zou -1295 mogen worden. Ik wil dat versnelling afneemt naarmate deze waarde dichter bij het maximum komt.
In mijn huidige test bekijken ik met IF-statement wat de waarde is en wat er vervolgens mag gebeuren. Het kan zijn dat door muis-Delta van mousescroll waarde over het maximum gaat en door statement op maximum wordt ingesteld. Dit ziet er soms visueel niet uit.
Any pointers?
Ik ben bezig met een slider te maken in jquery. In de volgende link test-server en als deze offline (gaat 's nachts uit) dan is klikker-de-klik de URL waar je het experiment kan vinden. Ik wil met mousewheel plugin slider horizontaal scrollen. Dit heb ik nu aan de praat, heeft nog wat fine-tuning nodig maar het werkt.
Onderstaande functie (is niet gehele maar om ongeveer te zien hoe het werkt) zorgt dat met muiswiel de slider horizontaal scrolt.
JavaScript:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| $(mouseViewport).bind('mousewheel', {start: startPosition()}, function(event, delta, deltaX, deltaY) { if (delta < 0) { // container is moving to the left if (leftPosition <= start && leftPosition > maxNegMargin) { $(containerSlider).css({'marginLeft': leftPosition -= 25* -delta }); console.log("Mousewheel DOWN and leftPosition: " + leftPosition); } else if (leftPosition >= start) { ............................... } } |
Ik zou graag willen weten hoe ik scrollen met dynamische margin-left smooth kan laten scrollen?! tevens zal dat binnen grenzen moeten zijn.
Een voorbeeld;
De huidige margin-left -1234 is, de maximum waarde zou -1295 mogen worden. Ik wil dat versnelling afneemt naarmate deze waarde dichter bij het maximum komt.
In mijn huidige test bekijken ik met IF-statement wat de waarde is en wat er vervolgens mag gebeuren. Het kan zijn dat door muis-Delta van mousescroll waarde over het maximum gaat en door statement op maximum wordt ingesteld. Dit ziet er soms visueel niet uit.
Any pointers?
[ Voor 102% gewijzigd door johan2009 op 13-04-2011 10:05 . Reden: Er reageert geen kip en misschien is openingspost te lang qua code, DUS...... ]