JavaScript Image Scroller with Image Swap

[abacus566]

I am trying to create a gallery of photos where thumbnails of images are scrolled by on a javascript image roller. Clicking a thumbnail will cause an image swap function that will show the larger version of the photo.

Does anyone have anything like that?


Thanks for any help you can provide! :D

[Garadon]

ain't sure this is what u want, but if u visit my site under scripts there is a scroller

[abacus566]

Thanks for your reply, what's your site address?

Incidentally, to clarify I have tried most standard image roller scripts. None of them will let me incorporate an imageswap function as the hyperlink of one of the images.

They would let me specify the target of the link, so it would work in frames...of course I want to avoid that.

I figured that I may have been unclear, and hopefully that helps.

[Garadon]

rigth I am sure it ain't what u wan't but anyway the posters homepages can be reached by clicking on th www button.


could u possible post a link to an image roller seing as I have 0 clua what that is :D

[abacus566]

Here's the idea (both of these links will work):


http://www.24fun.com/downloadcenter/imgscroller/imgscroller.html
http://www.24fun.com/downloadcenter/imgscrollright/imgscrollright.html


I'm trying to use this idea in a photo gallery. I wanted thumbnails to scroll along the bottom of the screen and when you click on one, you get the larger version of it above using an imageswap function.

Sorry if i've been unclear...
:) Thanks again...

[RoyW]

I would use this from DynamicDrive
http://www.dynamicdrive.com/dynamicindex14/leftrightslide.htm
and change each of the slide array items like this

leftrightslide[0]='<a href="#" onClick=swapImg("bigPic","images/bigPic1.jpg")><img src="thumbnail1.gif" border=1></a>';

Where swapImg() is a javascript function that does image swaps, bigPic is the name of the image to be swapped and images/bigPic1.jpg is the image to be displayed.

[abacus566]

THANKS!

My problem is I kept writing the below:

leftrightslide[0]='<a href="#" onClick=swapImg('+bigPic+','+newbigPic+')><img src="thumbnail1.gif" border=1></a>';


I am lerning...


Thanks so much.