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

 

 

La visionneuse d'images 2

Ici les Boutons Sont Remplaces par des Images.
et les images visionnées sont de tailles différentes.

Voir le script original La visionneuse d'images

Cliquer sur les boutons ci-dessous pour faire défiler les images une à une ou automatiquement.


 

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.automat.src = "im/flchst.gif";
document.automat.title = "Stop";
}
else {
bauto =0; initial();
document.automat.src = "im/flch2.gif";
document.automat.title = "Auto";
}
}
//-->
</script>
Corrigez comme suit

Nom des images -  Chemin/ où trouver les images 

Chemin et nom de vos images pour les boutons :
flchd = suivante
flchg = precedante
flch2 = lect/auto
flchst = lect/stop

Créez vos boutons vous mêmes ou récuperez les miens (Clique droit, puis "Enregistrer l'image sous")



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

<table width="300" border="0" align="center">
<tr>
<td align="center"><img src="im/flchd.gif" title="Suivante" width="20" height="16" onClick="precedente();"></td>
<td align="center"><img src="im/flchg.gif" title="Precedente" width="20" height="16" onClick="suivante();"></td>
<td align="center"><img src="im/flch2.gif" title="Auto" width="20" height="16" name="automat" onClick="auto();"></td>
</tr>
</table>


<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).

Chemin et nom de vos images pour les boutons :
flchd = suivante
flchg = precedante
flch2 = lect/auto
flchst = lect/stop

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    17-08-2018