Loading

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

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

Mark Kloprogge

14y4.4k

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.

6 Replies

Know the answer? Post it — somebody with the same question will find it here.

Dorababu Meka14y ago
Accepted answer
check this

http://jquerytools.org/demos/scrollable/gallery.html
0
Mark Kloprogge14y ago
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 :)
0
Dorababu Meka14y ago
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

Remaining all in Default page
0
Dorababu Meka14y ago
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
0
Mark Kloprogge14y ago
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.
0
Mark Kloprogge14y ago
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.
0