Sliding, Conveyor Belt Image Gallery. Maybe a job $$

[jwwceo]

Hello,

 

I am working on a site that wants to have a really cool browse feature. The browse page will be very simple, with a large image right in the center of the page. To the left and right of the large image will be arrows. When you click on the arrows, the next product to the right or left will SLIDE in without the page refreshing.

 

Siilarly, at the bottom of the page will be a gallery of images, maybe 5 across in one row. There will be left and right arrows next to this as well. When you click on the arrows, the entire 5 images will roll the the left or right as the new images come in. When you click on the gallery images it is swapped for the main image, again without a page refesh.

 

Any idea of cool scripts to do this. If there are none out there I would be willing to pay to have somebody write something in Ajax or JavaScript that would do the trick.

 

James

805.426.9563

[RichardRotterdam]

Hi check out these links. Not exactly what you are talking about but you can always modify

 

I think the first example uses dojo framework since it doens't use getElementById() but uses $() instead

http://zend.lojcomm.com.br/icarousel/example6.asp

http://www.donkeymagic.co.uk/ajaxgallery/index.php?&picture=128

[emehrkay]

i am currently writing a script just like the icarousel, except more forgiving

 

www.8trk.com/test/moo/pager.php

[RichardRotterdam]

I like that one looks cool. I checked your source code and saw that you use the $() function as in dojo framework only that your source has mootools.js

 

is that a different javascript framework?

[emehrkay]

actually dj kat, $() is something that prototype started as a means to shorten the syntax of document.getElementById(). a lot of these libraries started off as prototype add-ons, mootools and dojo included. some of them eventually broke away from prototype, but remained some of the basic syntax, ie $()

 

mootools > dojo btw

[jwwceo]

That carousel effect is almost exactly what I'm looking for...with very few changes...

 

anyone here interested in making some bucks to tweak it. Can't pay much, but I am not expert enough at Javascript to do it myself.

 

James

[RichardRotterdam]

@emehrkay thanks for the headup gonna check that mootools thing out I am just checking out these javascript framework things and looking for one that suits me the most

 

@jwwceo how much are we talking about don't think it is that hard to fix really

[emehrkay]

I've updated the examples. YOu need mootools v1.1 - just get the whole library and the pager.js script - located here

 

www.8trk.com/test/moo/pager.js

 

I think the first example is what you want to do. Study the mooTools selectors to fully understand how it works

 

http://docs.mootools.net/Element/Element-Selectors.js