Re: Image plus grande dans module aléatoire | Titre du sujet : Re: Image plus grande dans module aléatoire par blueteen sur 10/11/2005 11:04:10
Ce sont de bonnes pistes que tu donnes Patz :)
Sinon pour répondre à Marmotte voici la méthode utilisée sur le site donné en début de sujet.
Voilà le script de diaporama à placer entre les balises < head > de ton thème (theme.html)
<SCRIPT LANGUAGE="JavaScript">
<!--
var dimages=new Array();
var numImages=10;
for (i=0; i<numImages; i++)
{
dimages[i]=new Image();
dimages[i].src="../../slideshow/image"+(i+1)+".jpg";
}
var curImage=-1;
function swapPicture()
{
if (document.images)
{
var nextImage=curImage+1;
if (nextImage>=numImages)
nextImage=0;
if (dimages[nextImage] && dimages[nextImage].complete)
{
var target=0;
if (document.images.myImage)
target=document.images.myImage;
if (document.all && document.getElementById("myImage"))
target=document.getElementById("myImage");
// make sure target is valid. It might not be valid
// if the page has not finished loading
if (target)
{
target.src=dimages[nextImage].src;
curImage=nextImage;
}
setTimeout("swapPicture()", 3000);
}
else
{
setTimeout("swapPicture()", 1000);
}
}
}
setTimeout("swapPicture()", 3000);
//-->
</SCRIPT>
var numImages=10; correspond au nombre d'images se trouvant dans le dossier.
Si tu ne mets pas le bon nombre, la boucle du diaporama ne parcoureras pas toutes les images.
Créé toi ensuite un bloc personnalisé, où tu insèreras ce code, qui appelle la fonction inscrite précédement, dans le thème.
Citation : <img src="../../slideshow/image1.jpg" name="myImage" id="myImage" />
Dans un dossier à la racine de ton site, tu créés un dossier "slideshow", qui contiendra les images que tu veux voir défiler sur ton site. Les images devront impérativement avoir des noms tels que : image1.jpg, image2.jpg, ....., image15.jpg
Les images sont parcourus dans leur ordre de numérotation. Les images sont affichées dans leur taille réelle. Charge à toi donc, de les dimensionner à la taille voulue avant de les mettre en ligne.
je sais, cela fait beaucoup de contraintes pour la mise en place, mais je n'avais pas trouvé mieux à faire. Et puis une fois que j'ai mes 15 images en lignes, elles y restent un certain temps :)
Si le javascript n'est pas activé sur la machine du visiteur, il aura juste la première image en fixe. Sinon ça défilera.
|
|