begin process at 2012 05 29 23:35:33
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

Javascript et ActiveX

 > 

Autre

 > 

Scriptt pour comptage et défilement nombre d'image


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Scriptt pour comptage et défilement nombre d'image

jeudi 24 février 2011 à 18:11:03 | Scriptt pour comptage et défilement nombre d'image

stff406

Bonsoir à tous,

J'aimerais savoir s'il serait possible d'insérer un petit affichage indiquant à quelle numéro d'image on se situe et le nombre total d'image défilant ?
En image ce que je souhaiterais faire :
http://img694.imageshack.us/img694/9193/sanstitreofz.png

J'ai,réutilisé un code déjà existant pour effectuer mon défilement d'image.
Voici le code qui faudrait pouvoir adapter dans la mesure du possible :

Merci d'avance pour votre aide.


<script language="JavaScript">
<!--
var bauto = 0;
var dossier= "";
var numero = 1;
var num = 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 ("01.jpg", "02.jpg", "03.jpg" , "04.jpg" , "05.jpg");

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()", 4500);
}
function initial() {
window.clearTimeout(roll);
document.image.src = dossier+nom[numero];
}
function auto() {
if (bauto == 0)
{
bauto =1; changer();
document.automat.src = "stop.png";
document.automat.title = "Stop";
}
else
{
bauto =0; initial();
document.automat.src = "doublefleche.png";
document.automat.title = "Auto";
}
}
//-->
</script>
vendredi 25 février 2011 à 12:16:55 | Re : Scriptt pour comptage et défilement nombre d'image

007Julien

Réponse acceptée !

Ce script assez maladroit (3 fonctions sont pratiquement identiques) et inutilement compliqué (création d'un objet pour numéroter les images de 1 à n alors qu'un simple tableau d'images numérotées de 0 à n-1 est suffisant) pourrait être utilement modifié en tirant parti du prototype suivant.
Code HTML :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>Images numérotées</title>
<style type="text/css">
#cnt {display:block;width:400px;height:400px;margin:20px auto;border:1px solid red;}
img {display:block;margin:0 auto;width:300px;height:300px;border:1px solid yellow;}
p {text-align:center;}
</style>
</head>
<body>
<div id="cnt"><img id="idm" src="" alt="image">
	<p id="lgd"></p>
	<p><a href="javascript:newImg(-1)">«</a>&nbsp;&nbsp;<a id="ida" href="javascript:newImg(0)">auto</a>&nbsp;&nbsp;<a href="javascript:newImg(+1)">»</a></p>
</div>
<script type="text/javascript">
var tab=new Array("01.jpg","02.jpg","03.jpg","04.jpg","05.jpg"),lgn=tab.length,num=-1,rll=false;
function newImg(d,b){
	num=(num-(-d)+lgn)%lgn;
	document.getElementById('idm').src=tab[num];
	document.getElementById('lgd').innerHTML=(num+1)+" / "+lgn;
	if (!b && rll) {auto();return}
	if (rll) setTimeout('newImg(1,1)',1000);
}
function auto(){
	rll=!rll;
	if (rll) document.getElementById('ida').innerHTML="stop";
	else document.getElementById('ida').innerHTML="auto";
	if (rll) newImg(1,1);
}
newImg(+1);
</script>
</body>
</html>

Les images sont contenues dans le tableau tab, elles sont au nombre de lgn (la longueur du tableau) et num désigne l'image en cours d'affichage (initialisée à -1). La variable rll est initialisée à faux.
La fonction newImg change l'image affichée en augmentant de d (comme delta + ou -1) le numéro de l'image (on augmente de -(-d) pour être certain de ne pas concaténer et on travaille sur les restes dans la division par lgn pour avoir toujours un numéro compris entre 0 et num-1). Enfin le booléen b (vrai ou faux) permet de savoir d'où vient l'ordre de changement d'image pour l'arrêter si l'utilisateur clique sur une flèche.


vendredi 25 février 2011 à 15:31:17 | Re : Scriptt pour comptage et défilement nombre d'image

stff406

C'est parfait ! En plus de ton code, les explications sont tout à fait claire. J'ai réussi à adapter comme je le souhaitais.

Merci beaucoup.



Cette discussion est classée dans : nombre, image, défilement, comptage, scriptt


Répondre à ce message

Sujets en rapport avec ce message

Nombre d'image dans une fenetre fille [ par octp ] C'est encore moi.Je vais essayer deposer ma question sous une autre forme :dans une page cette ligne de commande :fenetre = window.open(page_ouverte,. nombre d'image pour diaporama [ par bosto ] Bonjour,Je suis super débutant et surtout graphiste pas technicien. Ma question est peut etre tres simple mais je ne trouve pas de reponse sur le site Image de la meme hauteur qu'un div? [ par jnbrunet ] Salut,Dans ma page web, jai un div qui peu varié de hauteur celon le nombre de donnés entré à l'interieur.À la droite de cette div, j'ai une image d'u Pb défilement image [ par virusss ] Bonjour,   Je fais un site pour un graphiste, comme il y a pas mal d'image je préfère les faire défiler. J'ai pour celà trou problème défilement d'images de façon aléatoire [ par jr5818 ] Bonjour,j'ai récupéré sur le net des bouts de codes afin de faire un défilement d'images aléatoires sur mon site. j'arrive à faire le défilement de la défilement image [ par nehili ] Bonjour, voilà je ai crée un difilement d'images , mais vers la derniere image je veux avoir directement la 1ère image (je ne veux pas avoir l'espac défilement d'une image [ par fifirosa ] bonsoir tout le monde;j'ai commencé à créer un site, et je suis débutante et j'aimerais inserer une image à condition qu'elle suit le défilement de la Hideboxes [ par kokise ] Salut tout le monde, J'ai dans un tableau 3 images et dans la 2ème ligne 3 autres images, des boxes qui s'affichent lors du clique sur une image et en Afficher des bloques de texte instantanément [ par kokise ] Salut tout le monde, J'ai dans un tableau 3 images et dans la 2ème ligne 3 autres images, des boxes qui s'affichent lors du clique sur une image et en imprimer une page web - preselection du nombre de copies?? [ par inkydjango ] salut je voudrais imprimer une page dans mon script mais , je voudrais faire une preselection du nombre de copies.est ce possible ou est ce du domaine


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,406 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales