1

Helo to all, i have been searching all over the web for some jquery or javascript tutorial or plugin for a horizontal scrollbar and i have found many of plugin asnd tutorial but not the one i want.

Now im using tinyscroll and i have found it has alot of bugs, can somebody help me with the next effects.

Mouseover: At mouseover at the right or left it scrolls by itself. Shadow at hiding: When a image hides at the left or right a shadow effect that gives a "it got in the bottom of this layer" effect. Scrollbar: simple bar that has a 80% opacity mouse scroll: that mouse scroll can be used with it.

I need something like the movie scroller in this page:

Cuevana.tv

And i know html and css but css -webkit styling can't do this effects.

I really dont have any codes to start with, please help.

Chachoo Aguirre
  • 474
  • 1
  • 7
  • 19

2 Answers2

0

I'm quoting a good SOF answer here: jquery horizontal scroll

Try hoverscroll jQuery plug-in - http://rascarlito.free.fr/hoverscroll/

Also try Smooth Div Scroll - http://www.smoothdivscroll.com/demo.html

Community
  • 1
  • 1
Nicholas DiPiazza
  • 10,029
  • 11
  • 83
  • 152
0

Try this one.

It has the horizontal scrollbar and the mouse scroll works.

With css you could get it to look exactly like the one in the link you posted. (positioning the left and right carets up by the image container and etc...)

brains911
  • 1,310
  • 7
  • 5
  • I will try to edit this one for the hoverscroll and the shadow effect so thanks (hope its not to dificult.) – Chachoo Aguirre Jul 07 '12 at 05:00
  • The plugin seems to have hoverscroll built in (hover over the left/right carets). I'm a little unclear on your described dropshadow effect but css should cover just about anything you need. – brains911 Jul 07 '12 at 05:20