Forum-webmaster
Technique - programmation => Javascript / DOM / Ajax => Message commencé par: Bouclette le le 03-02-2007 a 16:26:47

Titre: Diaporama cube
Posté par: Bouclette le le 03-02-2007 a 16:26:47

Bonjour,

Je suis nouvelle sur ce forum et j'espère que je suis au bon endroit pour avoir un coup de main :)

J'ai inséré sur mon site, un diaporama sous forme de cube qui fonctionne tres bien... Mais je souhaite en mettre plusieurs, sur la meme page pour départager l'information (site d'actualites).. mais ça ne fonctionne pas lorsque j'essaie :-\

ex : un cube actualité nationale, un cube actualité internationale.. etc ...

Merci par avance de vos réponses, si besoin je peux mettre le code du cube :)





Titre: Re:Diaporama cube
Posté par: tavman le le 04-02-2007 a 18:09:09

Tu peut montrer un peu ton site parceque là, ca m'interresse pas mal le coup du cube.
Pour ton problème, je pense que ca vient du code qui a pas été prévu pour en mettre plusieurs...

Titre: Re:Diaporama cube
Posté par: Bouclette le le 05-02-2007 a 06:48:56

Voici le code du cube :)

<script language="JavaScript1.1">
/*
Picture Cube slideshow - By Tony Foster III
Modifications par WEB Creation le 14/07/2004 :
Suppression de code redondant, traduction des fonctions et variables en français, commentaires.
*/
// Dossier où se situent vos images (si dans le même répertoire que le script, mettre un point -> var dossier=".";
var dossier="Images";
// Le tableau qui va contenir vos images. Pour en rajouter, il suffit d'insérer la ligne suivante : tab_images[X]=""+dossier+"/nom_image.jpg";
// et de remplacer X par un numéro (différent des précédents)
var tab_images=new Array()
tab_images[0]=""+dossier+"/abbepierre.jpg";
tab_images[1]=""+dossier+"/avion.jpg";
tab_images[2]=""+dossier+"/besancenot.jpg";
tab_images[3]=""+dossier+"/benladen.jpg";
tab_images[4]=""+dossier+"/buffet.jpg";
tab_images[5]=""+dossier+"/chazal.jpg";
tab_images[6]=""+dossier+"/chirac.jpg";
tab_images[7]=""+dossier+"/europe.jpg";
tab_images[8]=""+dossier+"/euros.jpg";
tab_images[9]=""+dossier+"/foot.jpg";
tab_images[10]=""+dossier+"/hulot.jpg";
tab_images[11]=""+dossier+"/hussein.jpg";
tab_images[12]=""+dossier+"/lepen.jpg";
tab_images[13]=""+dossier+"/resto.jpg";
tab_images[14]=""+dossier+"/lune.jpg";
tab_images[15]=""+dossier+"/manaudou.jpg";
tab_images[16]=""+dossier+"/natacha.jpg";
tab_images[17]=""+dossier+"/noiret.jpg";
tab_images[18]=""+dossier+"/pinochet.jpg";
tab_images[19]=""+dossier+"/ppda.jpg";
tab_images[20]=""+dossier+"/pujadas.jpg";
tab_images[21]=""+dossier+"/radar.jpg";
tab_images[22]=""+dossier+"/royal.jpg";
tab_images[23]=""+dossier+"/sarko.jpg";
tab_images[24]=""+dossier+"/schonberg.jpg";
tab_images[25]=""+dossier+"/theuriau.jpg";
tab_images[26]=""+dossier+"/urne.jpg";
tab_images[27]=""+dossier+"/villiers.jpg";
tab_images[28]=""+dossier+"/voynet.jpg";
tab_images[29]=""+dossier+"/zidane.jpg";

// Le délai de passage d'une image à l'autre en millisecondes -> 1s=1000
var delai=2500;

// Variable de compteur qui indiquera à quelle image on se trouve
var compteur=1;

// La fonction qui va permettre le défilement
function Diaporama(){
// partie où on applique les filtres propres à IE
if (window.createPopup)
diaporama.filters[0].apply();
document.images.diaporama.src=tab_images[compteur];
if (window.createPopup)
diaporama.filters[0].play();
// On incrémente le compteur de 1 pour passer à l'image suivante
compteur++;
// Si on a atteint la dernière image, on remet à zéro le compteur et on rappelle la fonction Diaporama()
if (compteur==tab_images.length)
compteur=0;
setTimeout("Diaporama()",delai)
}
// On charge au démarrage de la page la fonction de défilement des images
window.onload=new Function("setTimeout('Diaporama()',delai)")
</script>
<table width="791" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="1" height="20">&nbsp;</td>
<td width="697">&nbsp;</td>
<td width="93">&nbsp;</td>
</tr>
<tr>
<td height="389">&nbsp;</td>
<td valign="top"><div align="center"><img src="Images/abbepierre.jpg" name="diaporama" border="0" style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')"></div></td>
<td>&nbsp;</td>
</tr>
</table>

et mon site : http://perso.orange.fr/tchat-actualites/Sommaire.htm

Titre: Re:Diaporama cube
Posté par: tavman le le 05-02-2007 a 14:58:51

L'effet est sympas mais ca ne marche que sous IE... Alors que ca pourrait facilement etre modifier et fonctionner sous FireFox aussi (ce qui représente utilisateurs environ 20% des utilisateurs)
Là j'ai pas le temps de t'aider mais je verai ce soir ce que je peux faire... ca devrait pas etre trop long.


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.