Un slideshow sur l'accueil

Un slideshow sur l'accueil [Réglé]

Créations de Modules

Tomtom Membre non connecté

Booster Fronde

Le 25/02/2009 à 22h54

#48669

Bonjour

Ce soir je pause pleins de questions parce que j'ai envie d'améliorer mon site, mais là je ne sais pas du tout si c'est possible

Je m'explique.

Sur le site Alsacréations, j'ai téléchargé un dossier comprenant un fichier XML, un fichier HTML, une animation SWF et un dossier dans lequel je dois placer mes images.

Voici les détails des fichiers HTML et XML pour vous aider à mieux comprendre

Code XML :

 
<?xml version="1.0" ?>
<album 
    showbuttons="yes"
    showtitles="yes"
  showrandom="no"
  randomstart="no"
  timer="8"
  aligntitles="bottom"
  alignbuttons="top"
  transition="blur"
  speed="30"
  >
    <img src="imgs/1.jpg" href="http://play.zone.free.fr/articles/articles.php?cat=7&id=86" title="La preview de Resident Evil 5" /> 
    <img src="imgs/2.jpg" href="http://play.zone.free.fr/articles/articles.php?cat=3&id=90" title="Un vent de fraicheur sur le PSN" /> 
    <img src="imgs/3.jpg" href="http://play.zone.free.fr/articles/articles.php?cat=1&id=89" title="Le test de X-Blade" /> 
    <img src="imgs/4.jpg" href="http://play.zone.free.fr/articles/articles.php?cat=3&id=87" title="Un coup a prendre la grosse tete ?" />
</album>

Code HTML :

 
<body bgcolor="#ffffff">
 
 
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="650" height="280" id="dewslider4" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="dewslider.swf?xml=dewslider.xml" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="dewslider.swf?xml=dewslider.xml" quality="high" bgcolor="#ffffff" width="650" height="280" name="dewslider4" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

Et voici le résultat sur une page html :

http://play.zone.free.fr/dewslider.html

Ma question est toute simple : est-il possible d'intégrer ce slideshow à mon site (dans l'édito par exemple, ou avant les news) ?

Merci d'avance à celui ou ceux qui pourront me répondre =)

(si ce n'est pas clair, je m'en excuse d'avance

, mais je ne vois pas trop comment expliquer mon problème

KONA Membre non connecté

Booster Fusée

Le 26/02/2009 à 00h30

#48685

Alors tu te rends dans ../templates/main/news/news.tpl

Tu l'ouvre puis efface tout le contenue est remplace par ceci :

Code TPL :

        <script type="text/javascript">
        <!--
        function popup(page, name)
        {
            var testhauteur=screen.height;
            var testlargeur=screen.width;
 
            if(testhauteur==600 && testlargeur==800)
                window.open(page, name, "width=680, height=540,location=no,status=no,toolbar=no,scrollbars=yes");
            else if(testhauteur == 768 && testlargeur == 1024)
                window.open(page, name, "width=660, height=620,location=no,status=no,toolbar=no,scrollbars=yes");
            else if(testhauteur == 864 && testlargeur == 1152)
                window.open(page, name, "width=660, height=620,location=no,status=no,toolbar=no,scrollbars=yes");
            else
                window.open(page, name, "width=660, height=620,location=no,status=no,toolbar=no,scrollbars=yes");
        }
        -->
        </script>
 
        {JAVA}
 
 
        # START edito #
        <div class="news_container">
            <div class="news_top_l"></div>            
            <div class="news_top_r"></div>
            <div class="news_top">
                <span style="float:left"><a href="rss.php" title="Rss"><img class="valign_middle" src="../templates/{THEME}/images/rss.gif" alt="Rss" title="Rss" /></a> <h3 class="title valign_middle">{edito.TITLE}</h3></span>
                <span style="float:right">{edito.EDIT}</span>
            </div>    
 
            <div class="news_content">
                {edito.CONTENTS}
            </div>
 
            <div class="news_bottom_l"></div>        
            <div class="news_bottom_r"></div>
            <div class="news_bottom"></div>
        </div>
        # END edito #
 
    <!-- Début de la mise en place de Dewslider -->
        <div style="margin:auto;">
            <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="650" height="280" id="dewslider4" align="middle">
            <param name="allowScriptAccess" value="sameDomain" />
            <param name="movie" value="../templates/{THEME}/news/dewslider.swf?xml=dewslider.xml" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="../templates/{THEME}/news/dewslider.swf?xml=dewslider.xml" quality="high" bgcolor="#ffffff" width="650" height="280" name="dewslider4" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
            </object>
        </div>
    <!-- Fin de la mise en place de Dewslider -->
        # START no_news_available #
        <div class="news_container">
            <div class="news_top_l"></div>            
            <div class="news_top_r"></div>
            <div class="news_top">
                <a href="rss.php" title="Rss"><img class="valign_middle" src="../templates/{THEME}/images/rss.gif" alt="Rss" title="Rss" /></a> <h3 class="title valign_middle">{L_LAST_NEWS}</h3>
            </div>    
 
            <div class="news_content">
                <p class="text_strong" style="text-align:center">{no_news_available.L_NO_NEWS_AVAILABLE}</p>
            </div>
 
            <div class="news_bottom_l"></div>        
            <div class="news_bottom_r"></div>
            <div class="news_bottom"></div>
        </div>
        # END no_news_available #
 
 
        {START_TABLE_NEWS}        
        # START news #
 
        {news.NEW_ROW}
        <div class="news_container">
            <div class="news_top_l"></div>            
            <div class="news_top_r"></div>
            <div class="news_top">
                <span style="float:left"><a href="rss.php" title="Rss"><img class="valign_middle" src="../templates/{THEME}/images/rss.gif" alt="Rss" title="Rss" /></a> <h3 class="title valign_middle">{news.TITLE}</h3></span>
                <span style="float:right">{news.COM}{news.EDIT}{news.DEL}</span>
            </div>    
 
            <div class="news_content">
                {news.IMG}
                {news.ICON} 
                {news.CONTENTS}                    
 
 
 
                {news.EXTEND_CONTENTS}    
            </div>
 
            <div class="news_bottom_l"></div>        
            <div class="news_bottom_r"></div>
            <div class="news_bottom">
                <span style="float:left"><a class="small_link" href="../member/member{news.U_MEMBER_ID}">{news.PSEUDO}</a></span>
                <span style="float:right">{L_ON}: {news.DATE}</span>
            </div>
        </div>
 
        {HANDLE_COM}
 
        # END news #            
        {END_TABLE_NEWS}
 
 
        # START news_link #
 
        <div class="news_container">
            <div class="news_top_l"></div>            
            <div class="news_top_r"></div>
            <div class="news_top">
                <span style="float:left"><a href="rss.php" title="Rss"><img class="valign_middle" src="../templates/{THEME}/images/rss.gif" alt="Rss" title="Rss" /></a> <h3 class="title valign_middle">{L_LAST_NEWS}</h3></span>
                <span style="float:right">{news.COM}{news.EDIT}{news.DEL}</span>
            </div>    
 
            <div class="news_content">
                {news_link.START_TABLE_NEWS}
                # START list #
                    {news_link.list.NEW_ROW}
                        <li><img src="../templates/{THEME}/images/li.png" alt="" /> {news_link.list.ICON} <span style="font-weight:bold;font-size:11px;">{news_link.list.DATE}:</span> <a href="{news_link.list.U_NEWS}" style="font-size:11px;">{news_link.list.TITLE}</a></li>
                # END list #
                {news_link.END_TABLE_NEWS}    
            </div>
 
            <div class="news_bottom_l"></div>        
            <div class="news_bottom_r"></div>
            <div class="news_bottom"></div>
        </div>    
 
        # END news_link #
 
        <div style="text-align: center;">{PAGINATION}</div>
        <div style="text-align: center;">{ARCHIVES}</div>

Les modifications sont à la lignes 42

Ensuite tu place dewslider.swf et dewslider.xml dans ../templates/main/news/

Pour ton fichier XML fait comme ceci pour les images

Code XML :

 
<?xml version="1.0" ?>
<album 
    showbuttons="yes"
    showtitles="yes"
  showrandom="no"
  randomstart="no"
  timer="8"
  aligntitles="bottom"
  alignbuttons="top"
  transition="blur"
  speed="30"
  >
    <img src="http://play.zone.free.fr/imgs/1.jpg" href="http://play.zone.free.fr/articles/articles.php?cat=7&id=86" title="La preview de Resident Evil 5" /> 
    <img src="http://play.zone.free.fr/imgs/2.jpg" href="http://play.zone.free.fr/articles/articles.php?cat=3&id=90" title="Un vent de fraicheur sur le PSN" /> 
    <img src="http://play.zone.free.fr/imgs/3.jpg" href="http://play.zone.free.fr/articles/articles.php?cat=1&id=89" title="Le test de X-Blade" /> 
    <img src="http://play.zone.free.fr/imgs/4.jpg" href="http://play.zone.free.fr/articles/articles.php?cat=3&id=87" title="Un coup a prendre la grosse tete ?" />
</album>