http://www.monjavascript.net

ACCUEIL
Contact
Rechercher
Insérez dans vos
  favoris

ACCUEIL DES
  VISITEURS

DATE & HEURE
EFFETS DE TEXTE
FENETRES
FORMULAIRES
IMAGES
MENUS
PRATIQUE
POP UP
DIVERS

Cours de javascript
Générer vos Fichiers
  CSS

Générer vos Meta-Tags
Description des Balises
  Meta

Les Codes Couleur
L'objet Math
Lissage De Prêt
Tableau d'Amortissement
un Multi-Moteurs de recherche sur Votre Site
Cryptez votre e-mail
  pour contrer le Spam

Cryptez vos Scripts
Moteurs de recherches
Référencement
Je Crée Mon Site
L'éditeur JavaScript

 

 

Une visionneuse d'images

Cliquer sur les boutons ci-dessous pour faire défiler les images une à une ou automatiquement.
Vous pouvez utiliser aussi la visionneuse automatique

       

Vous pouvez remplacer les boutons par des images Ici

Insérez le code ci-dessous dans votre page entre les balises d'entête
<head> ..... </head>
( juste avant </head> )


<script language="JavaScript">
<!--
//PLF-http://www.monjavascript.net/
var bauto = 0;
var dossier="im/";
var numero = 1;
function objet() {
this.length = objet.arguments.length
for (var i = 0; i < this.length; i++) this[i+1] = objet.arguments[i]
}
var nom = new objet ("imaga.gif", "imagb.gif", "imagc.gif");
function suivante() {
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = dossier+nom[numero];
}
function precedente() {
numero -= 1;
if (numero == 0) numero = nom.length;
document.image.src = dossier+nom[numero];
}
function changer() {
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = dossier+nom[numero];
roll=setTimeout("changer()", 1500);
}
function initial() {
window.clearTimeout(roll);
document.image.src = dossier+nom[numero];
}
function auto() {
if (bauto == 0) {
bauto =1; changer();
document.vision.automat.value=" Lect/Stop ";
}
else {
bauto =0; initial();
document.vision.automat.value=" Lect/Auto ";
}
}
//-->
</script>
Corrigez comme suit
Nom des images -  Chemin/ où trouver les images 


Puis insérez le code ci-dessous à l'endroit où les images vont défiler

<form name="vision">
<div align="center">
<input type="button" name="precedent" value="Précédente" onClick="precedente();">
&nbsp;&nbsp;&nbsp;
<input type="button" name="suivant" value=" Suivante " onClick="suivante();">
&nbsp;&nbsp;&nbsp;
<input type="button" name="automat" value=" Lect/Auto "onClick="auto();">
</div>
</form>
<div align="center">&nbsp;<img src="im/imaga.gif" width="200" height="194" name="image"></div>

Corrigez comme suit
chemin/nom_de_1ère_image.(gif,jpg,...) / largeur / hauteur en pixels
Si vous ne spécifiez pas la taille (width="200" height="194") les images s'affiche sous leur taille originale (pratique pour des images de tailles différentes). voir Ici

Précharger les images

Ce site vous a plu ? Vous avez trouvé le script que vous cherchiez ?
Faites en profiter vos visiteurs : insérez un lien sur votre site

 

 
 
Mon javascript    22-11-2017