Magento - slideshow with scriptaculous - HTML, XHTML, CSS, Design Questions - eCommerce Software for Growth, Powered by Open Source

Skip to site navigation »
Skip to main content »
Skip to footer content »

Sales: Call 877.832.5289 (N America)|310.295.4144 (International)

Magento Forum

slideshow with scriptaculous

pldtm Total Posts: 65 Joined: 2007-09-04 Bordeaux, France Ignore user	hi , As magento is bundled with scriptaculous, i decided to try to add a slideshow on home in cms page, so i added this code on homepage. With firebug i see javascript is working but my images doesn’t show on home page. <h1>Home Page</h1> <script type="text/javascript"> start_slideshow(1, 3, 2000); function start_slideshow(start_frame, end_frame, delay) { setTimeout(switch_slides(start_frame,start_frame,end_frame, delay), delay); } function switch_slides(frame, start_frame, end_frame, delay) { return (function() { Effect.Fade('slide' + frame); if (frame == end_frame) { frame = start_frame; } else { frame = frame + 1; } setTimeout("Effect.Appear('slide" + frame + "');", 850); setTimeout(switch_slides(frame, start_frame, end_frame, delay), delay + 850); }) } </script> <div id="introhomepage" height: 300px;"> <div id="slide1" class="slide"><div><a href='http://localhost/shop/tv/37-pouces/sharp-37.html'><img border='0' src='{{skin url='images/media/slide1.gif'}}' /></a></div></div> <div id="slide2" class="slide"><div><a href='http://localhost/shop/tv/37-pouces/sharp-37.html'><img border='0' src='{{skin url='images/media/slide2.gif'}}' /></a></div></div> <div id="slide3" class="slide"><div><a href='http://localhost/shop/tv/37-pouces/sharp-37.html'><img border='0' src='{{skin url='images/media/slide3.gif'}}' /></a></div></div> </div> my 3 .gif are stored in images folder what’s wrong with that. thanks for your help phil Signature PL_DTM
	Posted: August 13 2008 \| top

pldtm Total Posts: 65 Joined: 2007-09-04 Bordeaux, France Ignore user	sorry it’s working, i changed my 3 .gif from image to media folder and now it’s nearly working. On first load i have the 3 images on my screen. Signature PL_DTM
	Posted: August 13 2008 \| top \| # 1

pldtm Total Posts: 65 Joined: 2007-09-04 Bordeaux, France Ignore user	all is working, solution found phil Signature PL_DTM
	Posted: August 13 2008 \| top \| # 2

TheHuntingDynasty Total Posts: 21 Joined: 2008-06-27 Ignore user	Cute code - what was the solution to stop all three images showing up on the first load? I’d love to implement your fix. Ta! http://www.reduceyourenergyuse.com
	Posted: September 15 2008 \| top \| # 3

pldtm Total Posts: 65 Joined: 2007-09-04 Bordeaux, France Ignore user	you have to add this : overflow:hidden to the first Div after the height Signature PL_DTM
	Posted: September 15 2008 \| top \| # 4

neurone Total Posts: 13 Joined: 2007-08-31 Paris - France Ignore user	Still have the problem of the 3 element coming on the first start ... any idea ?
	Posted: October 14 2008 \| top \| # 5

lemax Total Posts: 86 Joined: 2008-04-03 La Rochelle, France Ignore user	Utilise ça : </script> <div style="width:715px ; height:416px ; overflow: hidden"> <div id="slide1" class="slide"><div><a href=’http://localhost/shop/tv/37-pouces/sharp-37.html’><img border=’0’ src=’{{skin url=’slideshow/images_en/slide1.gif’}}’ /></a></div></div> <div id="slide2" class="slide"><div><a href=’http://localhost/shop/tv/37-pouces/sharp-37.html’><img border=’0’ src=’{{skin url=’slideshow/images_en/slide2.gif’}}’ /></a></div></div> <div id="slide3" class="slide"><div><a href=’http://localhost/shop/tv/37-pouces/sharp-37.html’><img border=’0’ src=’{{skin url=’slideshow/images_en/slide3.gif’}}’ /></a></div></div> </div>
	Posted: October 14 2008 \| top \| # 6

bort911 Total Posts: 2 Joined: 2008-10-08 Ignore user	This is great. We need a little bit of help on it. We would like to also switch the slides by clicking on part of the image and have them linked. Any help with that? Thanks.
	Posted: October 14 2008 \| top \| # 7

bort911 Total Posts: 2 Joined: 2008-10-08 Ignore user	Additionally Pause the slides?
	Posted: October 15 2008 \| top \| # 8

lemax Total Posts: 86 Joined: 2008-04-03 La Rochelle, France Ignore user	You should lokk at this wiki and use a different script: http://www.magentocommerce.com/wiki/how_to/how_to_add_jw_image_gallery_xml-flash Max
	Posted: October 15 2008 \| top \| # 9

Magento Community

Magento Community

Back to top

moving things around on the store front???

New Products Block Attributes, Changes, and Problems!

Sales: Call 877.832.5289 (North America) 310.295.4144 (International)

© Copyright 2008 Varien. Magento, eCommerce software, is a trademark of Irubin Consulting Inc. DBA Varien
Privacy Policy|Terms of Service Magento Community Count
52303 users|476 users currently online|105623 forum posts