I need to create a scrollable image gallery fast and easy!

Question

I have tried many online examples but can't seem to piece them all together. please help me o_0
Example:

<--- Large image follows selected thumbnail below.

<--- Scrollable images.

I'll continue to try and get this implemented on my website but any advice/tips would be very helpful.

Dorababu Meka · Answer

check this http://jquerytools.org/demos/scrollable/gallery.html

Mark Kloprogge · Answer

Everything is working fine now. I moved the JS/css/.scrollable(function) to the master page but kept the .imageclick function on the very bottom of the default page. $( ".items img" ).click( function () { //needs to be directly below the contentPlaceHolder of the masterpage or it conflicts with any other JS you are using. Thank you very much, now to get a repeater in place to populate the image scrollbar with an undefined amount of images from the database :)

Dorababu Meka · Answer

Try as follows All these scripts in Masterpage href="/media/css/standalone.css"/> href="/media/css/scrollable-horizontal.css" /> href="/media/css/scrollable-buttons.css" /> This script in default page /* styling for the image wrapper */ #image_wrap { /* dimensions */ width:700px; padding:15px 0; /* centered */ text-align:center; /* some "skinning" */ background-color:#efefef; border:2px solid #fff; outline:1px solid #ddd; -moz-ouline-radius:4px; } Remaining all in Default page

Dorababu Meka · Answer

Just place the css and required scripts in master page or attach the code that you worked out we will check it and implement to work for you using master page

Mark Kloprogge · Answer

Gaaaah! I have create a seperate progect and it works perfectly when all css/js/ etc is all on one page but I need to seperate these (especially the js) to work using the master page.

Mark Kloprogge · Answer

Thank you, i am trying to implement this now. Everything has been set-up but scroll is not working on the thumbnails. I'm going to debug to see why this isn;t working yet.