Javascript : galerie de photos

Marsh Posté le 05-04-2005 à 20:43:45

Bonjour,

j'ai trouvé script Js sur le net pour visualiser une galerie photo, mais j'ai un petit souci avec.
J'ai beau chercher, je ne vois pas d'où cela peut bien venir, alors peut-etre que quelqu'un a une idée sur ce qui ne va pas...

voici le code :

Code :

<body>
<FORM name="form" action="javascript:gotoimage()">
<input type="button" value=" < " onclick="precedent()">
<Input type="button" value=" > " onclick="suivant()"><p>
<IMG><p>Image n° <INPUT TYPE="text" NAME="numero" size="4" value="1" readonly><br><br><br><br>
Aller directement a une image : <bR>
Image n°: <input type="text" name="go" size="4"> <input type="submit" onclick="gotoimage()" value="go !!!">
</FORM>
<SCRIPT LANGUAGE="JavaScript">
<!--
ext = ".jpg" // tapez l'extension des images
lerep = "img/" // ou "../img/" ATTENTION le / est obligatoire
b = 3 // tapez le nombre d'images
num = 2 // le numero de l'image 1,2,3... en partant du haut de la page puis de gauche a droite
c = b - 1
a = 0
sectionjs = num - 1
document.images[sectionjs].src= lerep + "0" + ext
function suivant()
{
if (a != c){
a++
document.images[sectionjs].src= lerep + a + ext
document.form.numero.value= a + 1
}
else {
a=0;document.images[sectionjs].src="0" + ext;document.form.numero.value= a + 1}
}
function precedent()
{
if (a > 0 ){
a--
document.form.numero.value= a + 1
document.images[sectionjs].src= lerep + a + ext
}
else {a=c;document.images[sectionjs].src=a + ext;document.form.numero.value= a + 1}
}
function gotoimage()
{
d = document.form.go.value
if ((d>0 ) && (d<=b))
{d--
document.images[sectionjs].src= d + ext
document.form.numero.value = document.form.go.value
a = d
}
else alert('Désolé le numéro de photo n\'existe pas. Cela va de 1 à '+ b + '.')
}
//-->
</SCRIPT>
</body>

merci bien par avance

Reply

Marsh Posté le 05-04-2005 à 20:43:45

Reply

Marsh Posté le 05-04-2005 à 20:54:37

qu'est-ce qui va pas ??

---------------
Nos estans firs di nosse pitite patreye...

Reply

Marsh Posté le 05-04-2005 à 20:56:01

oups! je n'ai pas précisé que lorsque j'execute le script (la page) les images ne sont pas visibles...

Reply

Marsh Posté le 05-04-2005 à 21:24:36

1) Script de merde. Les document.form etc... moyen age...

2) Ici c'est prog. Soit tu te mets au JS, tu fais tes scripts et tu postes ici en cas de problème, soit c'est pas ici que ça se passe...

Message édité par Hermes le Messager le 05-04-2005 à 21:25:00

Reply

Marsh Posté le 05-04-2005 à 21:49:34

c'est dit si joliment qu'on ne peut qu'approuver je suppose?

Reply

Marsh Posté le 05-04-2005 à 21:57:42

miltonis a écrit :

c'est dit si joliment qu'on ne peut qu'approuver je suppose?

Ben oui...

Et sache en outre que changer un élément HTML via javascript c'est enfantin. Apprend les bases du langage dans un premier temps et SURTOUT les CSS, car rien n'est possible en JS de nos jours sans maitrise des CSS.

Pour changer dynamiquement l'adresse d'une image en JS, on attribue un id à une image dans le HTML, puis on change son adresse via : document.getElementById('id_de_l_image').src = adresse_que_tu_veux;

Reply

Marsh Posté le 05-04-2005 à 22:08:16

Hermes le Messager a écrit :

Et sache en outre que changer un élément HTML via javascript c'est enfantin. Apprend les bases du langage dans un premier temps et SURTOUT les CSS, car rien n'est possible en JS de nos jours sans maitrise des CSS.

Pas d'accord, l'important c'est de maîtriser le DOM et les DOM Events (et les versions MS_qui_veut_pas_des_standards_W3C), faire joujou avec un combo JS/CSS ça vient après (voir jamais, on bricole en CSS et on utilise le JS pour générer des classes/IDs qui tireront partie du CSS précréé)

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Reply

Marsh Posté le 05-04-2005 à 22:10:31

masklinn a écrit :

Pas d'accord, l'important c'est de maîtriser le DOM et les DOM Events (et les versions MS_qui_veut_pas_des_standards_W3C), faire joujou avec un combo JS/CSS ça vient après (voir jamais, on bricole en CSS et on utilise le JS pour générer des classes/IDs qui tireront partie du CSS précréé)

Bah écoute, tout ce qu'il y a à faire avec du JS : des menus en passant par des effets graphiques (non indispensables pour le fonctionnement de la page évidemment) nécessite une bonne connaissance des CSS.

Sinon, je plussoie évidemment pour le DOM.

Reply

Marsh Posté le 05-04-2005 à 22:16:59

Hermes le Messager a écrit :

Bah écoute, tout ce qu'il y a à faire avec du JS : des menus en passant par des effets graphiques (non indispensables pour le fonctionnement de la page évidemment) nécessite une bonne connaissance des CSS.

Sinon, je plussoie évidemment pour le DOM.

Ca nécessite une bonne connaissance des CSS (ne serait-ce que parce qu'il faut savoir concevoir ses pages), mais pas de savoir jouer avec les CSS via JS

XMLHttpRequest (le truc actuellement à la mode :wahoo: ), pas de CSS
Transformation d'une liste en arbre "collapsable", pas de CSS via JS (mais plein de vrais CSS)
Création de listes alternées (une ligne sur deux colorée), pas de CSS via JS (mais plein de vrais CSS)
Menu CSS/JS, pas de CSS via JS (mais plein de vrais CSS)
etc etc etc

On peut faire plein de trucs sans jamais manipuler de CSS via Javascript

edit: après avoir relu le thread je me rend compte que je pense exactement comme toi mais qu'en fait j'avais mal lu/compris/interprété ton post initial :whistle: