T2k | Salut à tous,
j'ai récupéré un petit script en JS pour faire un slide show sur des images.
Je l'ai juste adapté pour qu'il récupère les images que je souhaite : elles sont référencées dans une BDD.
En revanche, malgré m'etre bien penché dessus (mais je ne connais rien au JS ...), je n'arrive pas à modifier le script pour qu'il me change la valeur du HREF d'un lien - voir plus bas en gras - (qui sont également stockées dans une BDD, avec le nom des images).
Le script original qui fait défiler UNIQUEMENT les images :
Code :
- <script type="text/javascript">
- <?php echo 'tbimage=new Array(\''.$image_bdd_1.'\',\''.$image_bdd_2.'\',\''.$image_bdd_3.'\',\''.$image_bdd_4.'\',\''.$image_bdd_5.'\',\''.$image_bdd_6.'\')'; ?>
- preImages=new Array;
- var opaa=0;
- var opab=100;
- var compteur=2;
- var vitesse=5000;
- function precharge()
- {
- for (i = 0; i < tbimage.length; i++)
- {
- preImages[i] = new Image();
- preImages[i].src = 'images/'+tbimage[i]+'';
- }
- setTimeout(defilmage,vitesse);
- }
- function defilmage(reg)
- {
- oxo=reg;
- if(compteur==tbimage.length-1)
- {
- compteur=-1;
- }
- if(oxo==1)
- {
- compteur++;
- opaa=10;
- document.getElementById('divimageb').src="images/"+tbimage[compteur]+"";
- oxo=0;
- }
- var imacibleb=document.getElementById('divimagea');
- var imaciblea=document.getElementById('divimageb');
- opaa+=3;
- opab-=4;
- if(document.all && !window.opera)
- {
- imaciblea.style.filter = 'alpha(opacity=' + opaa + ');';
- imacibleb.style.filter = 'alpha(opacity=' + opab + ');';
- }
- else
- {
- imaciblea.style.opacity = opaa/100;
- imacibleb.style.opacity = opab/100;
- }
- if(opaa>=100)
- {
- opaa=10;
- opab=100;
- var xcc=imaciblea.src.length-4;
- var cxx=imaciblea.src.lastIndexOf("/" )+1;
- var nomimg=imaciblea.src.substring(cxx,xcc);
- imacibleb.src='images/'+nomimg+'';
- setTimeout("defilmage(1)",vitesse);;
- return false;
- }
- setTimeout("defilmage()",25);
- }
- if(navigator.appName.substring(0,3)=="Mic" )
- {
- attachEvent("onload",precharge);
- }
- else
- {
- addEventListener("load", precharge, false);
- }
- </script>
|
L'affichage :
<div style="position:relative;top:-110px;left:0px;"><a href="index.php?page=xxx">
<img alt="" id="divimagea" src="images/<?php echo $image_bdd_1; ?>" style="border:0px none;position:absolute;top:0px;left:0px;width:950px;height:220px;opacity:100;FILTER:alpha(opacity=100);" />
<img alt="" id="divimageb" src="images/<?php echo $image_bdd_2; ?>" style="border:0px none;position:absolute;top:0px;left:0px;width:950px;height:220px;opacity:0;FILTER:alpha(opacity=0);" />
</a></div>
J'imagine qu'il faut créer un tableau, comme cela a été fait avec les images, et de faire défiler sa valeur (du style : $url_bdd_1, ... etc) en même temps que le nom des images ($image_bdd_1, ... etc).
Merci de votre aide pour me mettre sur la voie ! 
Message édité par T2k le 13-01-2011 à 14:39:24
|
FORUM HardWare.fr
