|
DIAPORAMA
Ce script permet de visualiser de façon continue des images avec des commentaires (sous IE et Netscape 4.x).
|
Téléchargé : 838 fois
Licence : FREEWARE 0 FF
|
Fichier : diaporama.zip
Taille : 2 Ko
|
Publicité 
|
Pour utiliser ce script, vous devez mettre le nom des images dans table1 et les commentaires dans table2.
Il faut modifier la valeur dans la fonction affiche (nb>14) qui indique la limite du nombre d'images.
Le Code :
<html>
<head>
<title>DIAPORAMA</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" background="enchere2.gif">
<font color="#00CCCC" size="2"><b>
<CENTER><iframe width="468px" height= "60px" frameborder= "0" scrolling="no" noresize src="http://www.g-i2.com/g2ibanner!$/compteur.asp?Id=223"></iframe><BR><A HREF="http://www.g-i2.com" target="_blank">www.g-i2.com la régie publicitaire internet</A></CENTER></b></font>
<form method="post" action="">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" colspan="2">
<div align="center"><b><br>
</b>
<hr>
<b>UN EXEMPLE DE DIAPORAMA EN JAVASCRIPT</b>
<hr>
<p align="left"><b>Cet exemple, permet de visualiser de façon
continue des images avec des commentaires.</b><br>
<b>Vous mettez les dessins dans table1 et les commentaires dans table2.<br>
Il faut modifier la valeur dans la fonction affiche qui indique la limite le nombre de dessins.<br></b>
</p>
<table width="75%" border="1">
<tr bgcolor="#FFCC99">
<td> </td>
</tr>
</table>
<p align="left"><b> </b> </p>
<hr>
</div>
</td>
</tr>
</table>
<table width="100%" border="5" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="middle" bgcolor="#FFFFFF"><img src="diaporama.jpg" width="640" height="480" align="texttop" alt="Des images"></td>
<td align="center" valign="top" bgcolor="#99CCCC">
<textarea name="legende" cols="28" rows="10" wrap="physical" >
BONJOUR !
Texte 1
</textarea>
<hr>
<br>
Temps d'attente :
<input type="text" name="temps" size="2" maxlength="2" value="5">
secondes
<hr>
<br>
<br>
<br>
<input type="button" name="submit1" value="Retour menu précédent" onclick="javascript:history.back();">
</td>
</tr>
</table>
</form>
<script>
form = document.forms[0];
attente = form.temps.value * 1000;
setTimeout("affiche()",attente);
table = new Array();
table2 = new Array();
nb = 1;
table[1] = "diaporama1.jpg";
table2[1] = "Texte 1";
table[2] = "diaporama2.jpg";
table2[2] = "Texte 2";
table[3] = "diaporama3.jpg";
table2[3] = "Texte 3";
table[4] = "diaporam4.jpg";
table2[4] = "Texte 4";
table[5] = "diaporama5.jpg";
table2[5] = "Texte 5";
table[6] = "diaporama6.jpg";
table2[6] = "Texte 6";
table[7] = "diaporama7.jpg";
table2[7] = "Texte 7";
table[8] = "diaporama8.jpg";
table2[8] = "Texte 8";
table[9] = "diaporama9.jpg";
table2[9] = "Texte 9";
table[10] = "diaporama10.jpg";
table2[10] = "Texte 10";
table[11] = "diaporama11.jpg";
table2[11] = "Texte 11";
table[12] = "diaporama12.jpg";
table2[12] = "Texte 12";
table[13] = "diaporama13.jpg";
table2[13] = "Texte 13";
table[14] = "diaporama14.jpg";
table2[14] = "Texte 14";
function affiche()
{
form = document.forms[0];
document.images[0].src = table[nb];
form.legende.value = table2[nb];
nb = nb + 1;
if (nb>14)
{
nb = 1;
}
attente = form.temps.value * 1000;
setTimeout("affiche(form)",attente);
}
</script>
</body>
</html>
A lire aussi sur Devparadise.com :
Ajouter une barre de navigation
Boîtes de contenu flottantes
Sauvegarder les pièces jointes des messages d'un dossier Outlook
Ajuster dynamiquement la taille d'une fenêtre
Utilisation de la palette pathfinder d'Illustrator
A télécharger aussi sur Devparadise.com :
WinExposé
source de l'article "Boîtes de contenu flottantes"
Source: Sauvegarder les pièces jointes des messages d’un dossier Outlook
Bibliothèque javascript pour créer des boîte à contenu défilant
WebExpert 5
|
