Comments
Ajax Rotating Story effect, need examples please
Written By Majorchamp on Jan. 4, 2008.
7 Comments
Report Note
+ Clip This
Hey everyone,
This is driving me crazy. I have seen the effect on multiple homepages, but the effect I am after is when there is a slideshow of sorts on a homepage and there is an indicator that toggles through each 'story" on a timed basis, so maybe showing each one every 3-5 seconds.
http://www.golf.com/ does this, but its not the look I have seen. The ideal look is where there is a large image with some form of a giant arrow to the right of image and you can tell there are extra sections it will be looping through on a timed basis. Think of it like this image
seopher
Written Jan. 4, 2008 / Report /
Have a look at LussoLuxury.com, that has something similar, although I think he's using an iFrame. is that the behaviour you're on about?
Majorchamp
Written Jan. 4, 2008 / Report /
kind of...but not quite.
Mike
Written Jan. 4, 2008 / Report /
This doesn't seem like it'd be that hard to emulate. Basically do a setTimeout (length is the interval between switches) that initiates a function to de-highlight all tabs and then highlight the current tab, then fade the main image out and fade another image in. Probably like 20 lines of code total if you're using Prototype/Script.aculo.us.
Majorchamp
Written Jan. 4, 2008 / Report /
I think you guys are missing the point. I am wanting to "see" live demos/examples people have done.
I realize it wouldn't be that hard to do code wise, but I want to see the creativity people have used before with it.
Thanks
BinaryMoon
Written Jan. 4, 2008 / Report /
Not quite the same but I have something similar running on the homepage of Binary Joy.
FWIW I didn't use any libraries or frameworks and got it running in no more than 40 lines or so (that's a guess - I haven't counted the lines).
Oh yeah - I also did something similar at work - Miniclip.com
Majorchamp
Written Jan. 14, 2008 / Report /
Hey Binary,
Yea, that is very close...only different is automating it to rotate, but you are spot on.
Thanks,
Bryan
CMIVXX
Written Jan. 15, 2008 / Report /
Here ya go.. I think this is what you are looking for. They say it goes with Joomla, but you can modify it to work with anything.
http://www.frontpageslideshow.net/