Posting in the Magento forums has been disabled pending the implementation of a new and improved forum solution which should better serve the community.

For new questions please post at magento.stackexchange.com, the community-run support site for the Magento community. We will be providing updates on the new forum solution soon. For questions or concerns please email community@magento.com.

Magento Forum

Super slidewhow ! 
 
alx
Jr. Member
 
Total Posts:  8
Joined:  2009-01-22
 

Bonjour tout le monde,
Je suis tombé sur un super slideshow qui se trouve sur la home de ce site :
Ldger Footwear

D’après le code, je vois que c’est du jQuery… Cependant je suis un peu perdue, je ne sais pas par ou commencer pour mettre quelque chose de ce style en place.
Quelqu’un peut-il me donner un petit coup de main ? smile
Merci à tous.

<script type="text/javascript" >
// <![CDATA[
var slideImages=[]slideNames [],slideUrls [];
    
slideImages.push('/media/Lodger-nyc.jpg');
    
slideNames.push('New York - Lodger is coming to New York February 24th & 25th.');
    
slideUrls.push('http://www.lodgerfootwear.com/experience/custom_service/international_events/');
    
slideImages.push('/media/SOM-200901-GB-Feature.jpg');
    
slideNames.push('DESERT BOOT - ENGLISH SHOE OF THE MONTH: JANUARY 2009');
    
slideUrls.push('/som/current/english');
    
slideImages.push('/media/lodger-boston-200902.jpg');
    
slideNames.push('Boston - Lodger is coming to Boston February 26th & 27th.');
    
slideUrls.push('http://www.lodgerfootwear.com/experience/custom_service/international_events/');
    
slideImages.push('/media/SOM-200901-IT-Feature.jpg');
    
slideNames.push('SLIP ON - ITALIAN SHOE OF THE MONTH: JANUARY 2009');
    
slideUrls.push('/som/current/italian');
// ]]>
</script>

<script type="text/javascript" src="/js/index.php?c=auto&amp;f=page/home.index.js&amp;1"></script>
<div id="mktg-images">

    <
img src="http://www.lodgerfootwear.com/skin/frontend/default/lodger/images/btn-scrollNext-mktgImg-off.png" width="21" height="19" alt="http://www.lodgerfootwear.com/skin/frontend/default/default/Next Lodger Featured Shoe" id="scrollNext-mktgImg" class="pngFixMe" />
    
    <
div id="mktgImgs-scroll" class="clearfix">
        <
div id="mktgImg-0" class="mktgImg-holder">
            <
div class="relative">
                <
img src="http://www.lodgerfootwear.com/skin/frontend/default/lodger/images/spacer.gif" width="861" height="360" alt="" />
            </
div>
        </
div>
        
        <
div id="mktgImg-1" class="mktgImg-holder active">
            <
div class="relative">

                <
a href="#" ><img src="http://www.lodgerfootwear.com/skin/frontend/default/lodger/images/spacer.gif" width="861" height="360" alt="" class="mktgImg" /></a>
                <
a href="#" ><span id="mktgImg-caption-1" class="mktgImg-caption"></span></a>
            </
div>
        </
div>
        <
div id="mktgImg-2" class="mktgImg-holder">
            <
div class="relative">
                <
div class="img-screens"><img src="http://www.lodgerfootwear.com/skin/frontend/default/lodger/images/spacer.gif" width="861" height="360" alt=""  /></div>
                <
a href="#" ><img src="http://www.lodgerfootwear.com/skin/frontend/default/lodger/images/spacer.gif" style="width:861px;height:360px;" alt="" class="mktgImg" /></a>
                <
a href="#" ><span id="mktgImg-caption-2" class="mktgImg-caption"></span></a>

            </
div>
        </
div>
        <
div id="mktgImg-3" class="mktgImg-holder">
            <
div class="relative">
                <
div class="img-screens"><img src="http://www.lodgerfootwear.com/skin/frontend/default/lodger/images/spacer.gif" width="861" height="360" alt=""  /></div>
                <
a href="#" ><img src="http://www.lodgerfootwear.com/skin/frontend/default/lodger/images/spacer.gif" style="width:861px;height:360px;" alt="" class="mktgImg" /></a>
                <
a href="#" ><span id="mktgImg-caption-3" class="mktgImg-caption"></span></a>
            </
div>
        </
div>

        <
script type="text/javascript" >
            
//jQuery(function(){
                
jQuery('#mktgImg-1 img.mktgImg').attr('src',slideImages[0]);
                
jQuery('#mktgImg-caption-1')[0].innerHTML=slideNames[0];
                
jQuery('#mktgImg-1 .relative a').attr('href',slideUrls[0]);
                
                
jQuery('#mktgImg-2 img.mktgImg').attr('src',slideImages[1]);
                
jQuery('#mktgImg-caption-2')[0].innerHTML=slideNames[1];
                
                
jQuery('#mktgImg-3 img.mktgImg').attr('src',slideImages[2]);
                
jQuery('#mktgImg-caption-3')[0].innerHTML=slideNames[2];
            
//    });
        
</script>
 
Magento Community Magento Community
Magento Community
Magento Community
 
SeL_
Magento Team
 
Avatar
Total Posts:  1140
Joined:  2007-10-10
Paris, France
 

Bonjour,

Où est-ce que tu bloques ?
Tu as inséré le code dans un fichier phtml ? Tu as appelé le block dans le CMS de la home ?
Tu devrais commencer par là.
Il y a déjà plusieurs sujets sur le forum qui traitent de ces méthodes. Je te laisse chercher.

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top