Diaporama en message d'accueil

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Diaporama en message d'accueil

Message par King Krab le Ven 2 Déc 2011 - 23:33

Bonsoir,

J'aimerais mettre un diapo en page d'accueil sur mon fofo, mais il semble y avoir un problème.

Voici mon code :

Code:
 <style type="text/css">
        .picshow { z-index:444; position:relative; background-color:#ffffff; width: 100%; height: 135px}
        .picshow_main { position: relative; width: 800px; height: 333px}
        .picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 180px; height: 280px}
        .picshow_change {position: absolute; text-align: left; bottom: 0px; height: 30px; right: 0px; left: 50px;}
        .picshow_change img {width:15px; height: 15px}
        .picshow_change a { border: 1px solid; display: block; float: left; margin-right: 5px;  -display: inline}
        a.axx { border-color: #555}
        a.axx:hover {border-color: #000}
      a.axx img { filter: alpha(opacity=40); opacity: 0.4; -moz-opacity: 0.4}
      a.axx:hover img {filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0}
      a.bxx { border-color: #000}
      a.bxx:hover {border-color: #000}
      img{
      border:0px}
      </style>
      <SCRIPT language=javascript>
        var counts = 3;
        img1 = new Image();
        img1.src = 'http://i40.servimg.com/u/f40/13/80/94/63/atlhk110.jpg';
        img2 = new Image();
        img2.src = 'http://i40.servimg.com/u/f40/13/80/94/63/bleach10.jpg';
        img3 = new Image();
        img3.src = 'http://i40.servimg.com/u/f40/13/80/94/63/32567a10.jpg';
       
      var smallImg = new Array();
      smallImg[0] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_10.gif';
      smallImg[1] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_11.gif';
      smallImg[2] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_12.gif';
       
       
      url1 = 'http://www.azntouch.com/';
      url2 = 'http://www.azntouch.com/';
      url3 = 'http://www.azntouch.com/';
     
       
      alt1 = new Image();
      alt1.alt = 'Test';
      alt2 = new Image();
      alt2.alt = 'Apparitions';
      alt3 = new Image();
      alt3.alt = 'autre';
      var nn = 1;
      var key = 0;
      function change_img() {
        if (key == 0) {
        key = 1;
        } else if (document.all) {
        document.getElementById("pic").filters[0].Apply();
        document.getElementById("pic").filters[0].Play(duration = 2);
        }
        eval('document.getElementById("pic").src=img' + nn + '.src');
        eval('document.getElementById("url_theme").href=url' + nn);
        eval('document.getElementById("pic").alt=alt' + nn + '.alt');
        if (nn == 1) {
        document.getElementById("url_theme").target = "_blank";
        document.getElementById("url_theme").style.cursor = "pointer";
        } else {
        document.getElementById("url_theme").target = "_blank"
        document.getElementById("url_theme").style.cursor = "pointer"
        }
       
        for ( var i = 1; i <= counts; i++) {
        document.getElementById("xxjdjj" + i).className = 'axx';
        }
        document.getElementById("xxjdjj" + nn).className = 'bxx';
        nn++;
        if (nn > counts) {
        nn = 1;
        }
        tt = setTimeout('change_img()', 7000);
        }
        function changeimg(n) {
        nn = n;
        window.clearInterval(tt);
        change_img();
        }
        function ImageShow() {
        document.write('<div class="picshow_main">');
        document.write('<div><a id="url_theme"><img id="pic" class="imgbig" /></a></div>');
        document.write('<div class="picshow_change">');
        for ( var i = 0; i < counts; i++) {
        document.write('<a href="javascript:changeimg(' + (i + 1)
          + ');" id="xxjdjj' + (i + 1)
          + '" class="axx" target="_self"><img src="' + smallImg[i]
          + '"></a>');
        }
        document.write('</div></div>');
        change_img();
        }
      </SCRIPT>
      <SCRIPT language="javascript" type="text/javascript">
        ImageShow();
      </SCRIPT>

Voici le résultat :


Hormis les petits icônes numérotés, rien n'est visible.
Pourtant, ce même code fonctionne très bien dans un widjet.
Est-t-il impossible d'en mettre un en message d'accueil ?
Merci d'avance.

King Krab
*

Masculin
Messages : 41
Inscrit(e) le : 05/02/2011

http://azntouch.forumgratuit.org/
King Krab a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en message d'accueil

Message par King Krab le Sam 3 Déc 2011 - 21:34

:flood:

King Krab
*

Masculin
Messages : 41
Inscrit(e) le : 05/02/2011

http://azntouch.forumgratuit.org/
King Krab a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en message d'accueil

Message par King Krab le Dim 4 Déc 2011 - 18:48

:flood:

King Krab
*

Masculin
Messages : 41
Inscrit(e) le : 05/02/2011

http://azntouch.forumgratuit.org/
King Krab a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en message d'accueil

Message par King Krab le Lun 5 Déc 2011 - 17:58

Welcome

King Krab
*

Masculin
Messages : 41
Inscrit(e) le : 05/02/2011

http://azntouch.forumgratuit.org/
King Krab a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en message d'accueil

Message par King Krab le Jeu 8 Déc 2011 - 11:57

aidez moi

King Krab
*

Masculin
Messages : 41
Inscrit(e) le : 05/02/2011

http://azntouch.forumgratuit.org/
King Krab a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en message d'accueil

Message par King Krab le Ven 9 Déc 2011 - 22:07

reflexion

King Krab
*

Masculin
Messages : 41
Inscrit(e) le : 05/02/2011

http://azntouch.forumgratuit.org/
King Krab a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en message d'accueil

Message par Ea le Ven 9 Déc 2011 - 22:42

Bonjour,


J'ai mis le code de votre premier message dans le message d'accueil de ce forum de test : http://teta.123.st/ et ça me semble marcher sans problème.

Peut-être que c'est le fait d'être déjà en widget qui lui pause problème ?

Ea
Aidactif
Aidactif

Messages : 23417
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama en message d'accueil

Message par King Krab le Ven 9 Déc 2011 - 22:49

9999 Merci(s)! cheers

King Krab
*

Masculin
Messages : 41
Inscrit(e) le : 05/02/2011

http://azntouch.forumgratuit.org/
King Krab a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum