Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
plugin page:
http://plugins.jquery.com/project/SerialScroll
demo:
http://demos.flesler.com/jquery/serialScroll/
details:
http://flesler.blogspot.com/2008/02/jqueryserialscroll.html
quote:
"Introduction
This plugin allows you to easily animate any series of elements, by sequentially scrolling them. It uses jQuery.ScrollTo to achieve the scrolling animation. It is a very unrestricted plugin, that lets you customize pretty much everything from outside. You can use horizontal or vertical scroll, also combined. "
Comments
Comment #1
KrisBulman CreditAttribution: KrisBulman commentedcan anyone give me any tips on how to add a patch for this plugin?
Comment #2
mfbThe only place a patch is needed is jquery.jq.inc. You can add the plugins to that file and then run cvs diff -up
Comment #3
KrisBulman CreditAttribution: KrisBulman commentedWhat if a plugin requires 2 js files to run, do I just add an additional path in the same entry?
this one requires both jquery.scrollTo.min.js and jquery.serialScroll.min.js
Comment #4
KrisBulman CreditAttribution: KrisBulman commentedok, tested this.. it does not seem to load both files when you just add an additional path. Can anyone tell me how to make 2 js files load in the jquery.jq.inc ?
Comment #5
mfbWhat I would do is add it as two separate plugins, scrollTo and serialScroll.
Comment #6
KrisBulman CreditAttribution: KrisBulman commentedThanks!
Comment #7
daddydo CreditAttribution: daddydo commentedDid exactly what mfb recommended. Included init.js (
$(document).ready(function()
) file too. All files were loaded. But an alert told me that this method was not supported. There is a conflict with the path to the container, that holds the content. I can't make it work. No javascript knowledge.Comment #8
KrisBulman CreditAttribution: KrisBulman commentedDo not include init.js, there is no need, just follow the instructions here..
Here is a working implementation of the demo page, (slideshow only):
IMPORTANT -> Float images left in your css
NOTE: I've added the jQuery.easing.easeOutQuart function to the page, instead of loading the whole jquery plugin because there is no minified version.
First, download the appropriate files, unzip them and upload the minified versions to your jquery_plugin folder. I renamed jquery.serialScroll-min.js to jquery.serialScroll.min.js and jquery.scrollTo-min.js to jquery.ScrollTo.min.js, prior to uploading them.
Download locations:
http://plugins.jquery.com/project/ScrollTo
http://plugins.jquery.com/project/SerialScroll
Now, load the JS files in jquery.jq.inc:
Add to page with php input filter enabled:
Add this to your custom CSS file in your theme:
Comment #9
ñull CreditAttribution: ñull commentedBump
That's what I needed to get scrollTo. Please include this for future release in head. I don't like to re-patch every time there is an update.
Comment #10
ñull CreditAttribution: ñull commentedComment #11
GiorgosKonly patches are reviewed and tested
I don't see any patch (code examples are not patches)