Call-back icon  Sales: Call 877.832.5289 (N America)|310.295.4144 (International)

Magento

eCommerce Software for Online Growth

Magento Forum

   
slideshow with scriptaculous
 
pldtm
Member
 
Avatar
Total Posts:  60
Joined:  2007-09-04
Bordeaux, France
 

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(132000);
    
    function 
start_slideshow(start_frameend_framedelay{
        setTimeout
(switch_slides(start_frame,start_frame,end_framedelay), delay);
    
}
                            
    
function switch_slides(framestart_frameend_framedelay{
        
return (function() {
            Effect
.Fade('slide' frame);
            if (
frame == end_frame{ frame start_frameelse { frame frame 1}
            setTimeout
("Effect.Appear('slide" frame "');"850);
            
setTimeout(switch_slides(framestart_frameend_framedelay), delay 850);
        
})
    
}

</script>
<div id="introhomepage" height300px;">
<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 cool smile

 
Magento Community Magento Community
Magento Community
Magento Community
 
pldtm
Member
 
Avatar
Total Posts:  60
Joined:  2007-09-04
Bordeaux, France
 

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 cool smile

 
Magento Community Magento Community
Magento Community
Magento Community
 
pldtm
Member
 
Avatar
Total Posts:  60
Joined:  2007-09-04
Bordeaux, France
 

all is working,

solution found

phil

 Signature 

PL_DTM cool smile

 
Magento Community Magento Community
Magento Community
Magento Community
 
TheHuntingDynasty
Jr. Member
 
Total Posts:  19
Joined:  2008-06-27
 

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

 
Magento Community Magento Community
Magento Community
Magento Community
 
pldtm
Member
 
Avatar
Total Posts:  60
Joined:  2007-09-04
Bordeaux, France
 

you have to add this : overflow:hidden to the first Div after the height

 Signature 

PL_DTM cool smile

 
Magento Community Magento Community
Magento Community
Magento Community
 
neurone
Jr. Member
 
Total Posts:  13
Joined:  2007-08-31
Paris - France
 

Still have the problem of the 3 element coming on the first start ... any idea ?

 
Magento Community Magento Community
Magento Community
Magento Community
 
lemax
Sr. Member
 
Total Posts:  82
Joined:  2008-04-03
La Rochelle, France
 

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>

 
Magento Community Magento Community
Magento Community
Magento Community
 
bort911
Jr. Member
 
Total Posts:  2
Joined:  2008-10-08
 

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.

 
Magento Community Magento Community
Magento Community
Magento Community
 
bort911
Jr. Member
 
Total Posts:  2
Joined:  2008-10-08
 

Additionally Pause the slides?

 
Magento Community Magento Community
Magento Community
Magento Community
 
lemax
Sr. Member
 
Total Posts:  82
Joined:  2008-04-03
La Rochelle, France
 

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

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
    Back to top
 
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
50154 users|541 users currently online|102302 forum posts