How do I create a content area (image gallery) that scrolls on mouseOver

Question

Hi folks,

I was looking to create an image gallery in my blog. However, I was wondering how possible it would be for the gallery to scroll through my images on mouseOver. Basically, when the user moves his/her mouse up or down the image gallery, the images scroll up or down accordingly.

I have seen a few examples where it has been done in flash, but i was wondering if it was possible for it to be done in Javascript. An example of what I am talking about can be seen on deep.co.uk. This example is constructed in flash and allows the user to skim through the agency's portfolio by moving the mouse up and down the div. I am aware that loads of free javascript alternatives are online, but i haven't managed to find anyone that does it on mouseOver. I would appreciate it if someone has come across something like this or has used something like this in one of their projects.

Thanks in advance.

Yours sincerely, Seedorf

Answer 1

Maaki has i nice version here: http://www.maaki.com/thomas/SmoothDivScroll/

supports mouse hot spot scrolling, and auto start/stop

Answer 2

Here is a script which scrolls content vertically onMouseOver.

http://www.dyn-web.com/code/scroll/demos.php