code html dans l'accueil du site

2 messages dans ce sujet

Posté(e) · Signaler ce message

J'ai ajouté le code suivant pour faire apparaître un diaporama sur l'accueil du site... Mais cela ne fonctionne pas... Une idée ?

<table width="95%" cellspacing="0" cellpadding="0" border="0" align="center" class="t4">

<tbody>

<tr>

<td>

<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center" class="t4">

<tbody>

<tr>

<td valign="middle"><br />

<script language="JavaScript1.2">

var number_of_slideshows=1

var interval=2000

var linked=1

var slideshows=new Array(number_of_slideshows)

for (i=0; i <number_of_slideshows; i++)

slideshows=new Array()

slideshows[0][0]='http://lilouetpuce.free.fr/upload/090711_133136_PEEL_pyvYaN77.JPEG'

slideshows[0][1]='http://lilouetpuce.free.fr/upload/090711_133136_PEEL_YTtq3gen.JPEG'

slideshows[0][2]='http://lilouetpuce.free.fr/upload/090711_140305_PEEL_e3PhT8tp.jpg'

slideshows[0][3]='http://lilouetpuce.free.fr/upload/090711_133136_PEEL_pyvYaN77.JPEG'

slideshows[0][4]='http://lilouetpuce.free.fr/upload/090711_133136_PEEL_pyvYaN77.JPEG'

var slidelinks=new Array(number_of_slideshows)

for (i=0; i <number_of_slideshows; i++)

slidelinks=new Array()

slidelinks[0][0]='http://lilouetpuce.free.fr/achat/produit_details.php?id=1'

slidelinks[0][1]='http://lilouetpuce.free.fr/achat/produit_details.php?id=1'

slidelinks[0][2]='http://lilouetpuce.free.fr/achat/produit_details.php?id=1'

slidelinks[0][3]='http://lilouetpuce.free.fr/achat/produit_details.php?id=1'

slidelinks[0][4]='http://lilouetpuce.free.fr/achat/produit_details.php?id=1'

function clickredir(){

window.location=slidelinks[maininc][subinc]

}

var maininc=0

var subinc=0

if (linked)

document.write('<a href="javascript:clickredir()"><img src="'+slideshows[0][0]+'" name="multislide" border=0></a>')

else

document.write('<img src="'+slideshows[0][0]+'" name="multislide">')

function slideit(){

subinc= (subinc<slideshows[maininc].length-1)? subinc+1: 0

document.images.multislide.src=slideshows[maininc][subinc]

}

function setslide(which){

clearInterval(runit)

maininc=which

subinc=0

runit=setInterval("slideit()",interval)

}

runit=setInterval("slideit()",interval)

</script></td>

<td width="10">&nbsp;</td>

<td>&nbsp;</td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

<hr />

<p>&nbsp;</p>

Merci

Claire

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

J'ai pour l'instant changer pour ce code qui fonctionne :

<script>

var compteur = 1;

var total_img = 7;

var i;

var timeDelay = 5;

timeDelay *= 1000;

function monter() {

compteur += 1;

if ( compteur == (total_img + 1) ) {

compteur = 1;

}

document.vignette.src = "http://lilouetpuce.free.fr/diaporama/visuel" + compteur + ".jpg";

document.formulaire.numero.value = compteur;

}

function descendre() {

compteur += -1;

if ( compteur < 1 ) {

compteur = total_img;

}

document.vignette.src = "http://lilouetpuce.free.fr/diaporama/visuel" + compteur + ".jpg";

document.formulaire.numero.value = compteur;

}

function zero() {

document.vignette.src = "http://lilouetpuce.free.fr/diaporama/visuel1.jpg";'>http://lilouetpuce.free.fr/diaporama/visuel1.jpg";

compteur = 1;

document.formulaire.numero.value = compteur;

}

function imagealeatoire() {

i = Math.floor(7 * Math.random() + 1);

compteur = i;

document.vignette.src = "http://lilouetpuce.free.fr/diaporama/visuel" + compteur + ".jpg";

document.formulaire.numero.value = compteur;

}

function ap(text) {

document.formulaire.slidebutton.value = (text == "Désactiver le défilement automatique" ) ? "Activer le défilement automatique" : "Désactiver le défilement automatique";

rotate();

}

function rotate() {

if (document.formulaire.slidebutton.value == "Désactiver le défilement automatique" ) {

compteur = (compteur == total_img) ? 1 : compteur+1;

document.vignette.src = "http://lilouetpuce.free.fr/diaporama/visuel" + compteur + ".jpg";

document.formulaire.numero.value = compteur;

window.setTimeout("rotate()", timeDelay);

}

}

</script>

<table width="100%" cellspacing="0" cellpadding="0" border="0">

<tbody>

<tr>

<td valign="middle" align="left">

<form name="formulaire">

<p style="text-align: center;"><img border="0" name="vignette" src="http://lilouetpuce.free.fr/diaporama/visuel1.jpg" alt="" /></p>

<p style="text-align: center;"><input type="button" name="slidebutton" class="txtchapeau" onClick="ap(this.value);" value="Activer le d&eacute;filement automatique" title="Toutes les 5 secondes." /> N&deg; <input type="text" name="numero" size="3" value="" /><br />

&nbsp;</p>

</form>

</td>

</tr>

</tbody>

</table>

Mais petits problèmes :



  • Il faut activer le diaporama (je souhaiterai qu'il s'active tout seul quand on ouvre la page d'accueil du site... ) : une idée ?
  • Je n'arrive pas à ne pas faire apparaître les informations sur le numéro de la photo affichée qui se situe sous le diaporama ("N&deg; <input type="text" name="numero" size="3" value="" />"). Si je retire cette ligne de commande, le diaporama ne se fait plus.
  • Comment faire pour qu'en cliquant sur l'image en cours lors de ce diaporama, j'affiche la page produit correspondant à cette image ?

Partager ce message


Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !


Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.


Connectez-vous maintenant

Twitter Advisto ecommerce

Facebook PEEL Shopping