5592 sujets

Sémantique web et HTML

Diaporama en XHTML ?

Bonjour tout le monde !

Sur une première page, je voudrais mettre un diaporama avec environ 6 ou 7 photos qui tournent. Je ne veux pas d'un truc tape-à-l'oeil, mais juste un fondu d'une photo à l'autre. (dans l'esprit de ce qui est sur la première page de www.lycos.fr, sauf que eux l'ont fait en flash). Je voudrais quelque chose de très fluide.

voilà, merci pour votre aide si certains ont une idée sur la manière de proceder. Je n'ai jamais fais ça et je suis un peu perdu.

LF
j'ai un truc un peu dans le genre que tu recherches. Tu peux voir l'exemple ici : http://www.les-sourciers.net (la div en haut à gauche)

voilà le code : 
<head>
<style type="text/css" media="all">@import"style.css";</style><title>Lesite des sourciers</title><script language="JavaScript1.2">
var prefix='themes/diapo/TN_img'
var extension='jpg'
var nbimages=5
var delai=5000
var lasti=0, newi=0
function changeimage()
{
    newi=Math.floor(nbimages*Math.random()+1)
    if(newi==lasti) changeimage()
    else
    {
        lasti=newi
        if(document.getElementById) o=document.getElementById('imgalea');
        else if(document.images) o=document.images.imgalea;
        if(o)
        {
            if(o.filters) o.filters[0].apply();
            o.src=prefix+newi+'.'+extension
            if(o.filters) document.getElementById('imgalea').filters[0].play();
        }
        setTimeout("changeimage()",delai)
    }
}
</script>
</head>

<body>
<div class="bloc_centre">
  <div class="diapo">
    <img name="imgalea" id="imgalea" src="themes/diapo/TN_img1.jpg" style="filter:progid:DXImageTransform.Microsoft.Fade(Duration=1.0,overlap=1.0)">
  	<script language="JavaScript1.2">changeimage()</script>
  </div>

</body>


le fondu utilise un filter d'IE, donc le fondu n'est visible que sous IE.
il faut que tu mette tes photos dans un dossier et que tu leur donnes toutes le meme début de nom de fichier (ici TN_img, cf prefix dans le javascript)

Voilà ! mais c'est sans trop de garantie : ça fait longtemps que je l'ai fait !
Modifié par Mucsy (12 May 2006 - 15:42)
Sujet clos
Aller à