|
[ Forums >> Webmasters >> Général >> visionneuse ]
| > visionneuse |
[ Posté par olivebis ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 07-12-2009 à 17:50 | 3 messages ]
Bonjour
J'utilise un script tout simple et bien pratique, celui de
http://www.jejavascript.net/visionn.php
Mon problème est le suivant, j'aimerai simplement indiqué le numéro de l'image qui est affichée.
Ex : 1/4, 2/4, 3/4, etc...
Vous pourriez me dire d'aller sur http://membres.lycos.fr/sectionjs/navigation/script9.php
Mais ici, je n'arrive pas a remplacer l'objet select par du texte simple...
Il me manque très peu pour faire de moi un homme heureux
|
[ Posté par leris ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 07-12-2009 à 22:58 | 1485 messages ]
Salut,
Attention, j'ai modifie le nom du dossier et les noms des images.
j'ai mis des commentaires là où j'ai ajouté des trucs ...
[code]<script language="JavaScript">
<!--
//PLF-http://www.jejavascript.net/
var bauto = 0;
var dossier="trees/"; // dossier des images
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 ("t1.jpg", "t2.jpg", "t3.jpg","t4.jpg","t5.jpg","t6.jpg"); // noms des images
var inf = new objet ("t1","t2","t3","t4","t5","t6"); // infos images
function suivante() {
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = dossier+nom[numero];
document.getElementById('info').innerHTML = numero+"/"+nom.length; // affichage
}
function precedente() {
numero -= 1;
if (numero == 0) numero = nom.length;
document.image.src = dossier+nom[numero];
document.getElementById('info').innerHTML = numero+"/"+nom.length; // affichage
}
function changer() {
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = dossier+nom[numero];
document.getElementById('info').innerHTML = numero+"/"+nom.length; // affichage
roll=setTimeout("changer()", 1500);
}
function initial() {
window.clearTimeout(roll);
document.image.src = dossier+nom[numero];
document.getElementById('info').innerHTML = numero+"/"+nom.length; // affichage
}
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>
</head>
<body>
<form name="vision">
<div align="center">
<input type="button" name="precedent" value="Précédente" onClick="precedente();">
<input type="button" name="suivant" value=" Suivante " onClick="suivante();">
<input type="button" name="automat" value=" Lect/Auto "onClick="auto();">
</div>
</form>
<div align="center"> <img src="trees/t1.jpg" width="500" height="375" name="image"></div>
<p id="info">1/6</p><!-- Element ajoute -->[/code]
++
L.
[i][Message édité par leris le 07-12-2009 à 22:59][/i]
[i][Message édité par leris le 07-12-2009 à 23:01][/i]
________________
__(^[-_-]^)__
-*(_)^*^(_)*-
| [ Posté par olivebis ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 08-12-2009 à 01:40 | 3 messages ]
Merci beaucoup c'est très efficace avec un peu de mise page.
Bravo et merci
| [ Posté par olivebis ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 25-12-2009 à 15:34 | 3 messages ]
Re bonjour !
Pour Noel, j'ai commandé une nouvelle fonction pour ma visionneuse.
Je voudrais y inserer un fade de jquery.
Seulement, je ne sais pas où inserer ce truc :
<script>
$(document).ready(function(){
$("bouton").click(function () {
$("image").fadeOut("slow");
});
});
</script>
Où est ce que je pourrai insérer çà ?
Est-ce compatible ?
Dois-je utiliser une autre fonction de fondu ? javascript ??
|
|
Services email :
Vous devez vous identifier pour profiter des services par email du forum.
|
|
]
