Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1086 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Javascript : galerie de photos

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Javascript : galerie de photos

n°1036417
miltonis
Posté le 05-04-2005 à 20:43:45  profilanswer
 

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 :
  1. <body>
  2. <FORM name="form" action="javascript:gotoimage()">
  3. <input type="button" value=" < " onclick="precedent()">
  4. <Input type="button" value=" > " onclick="suivant()"><p>
  5. <IMG><p>Image n° <INPUT TYPE="text" NAME="numero" size="4" value="1" readonly><br><br><br><br>
  6. Aller directement a une image : <bR>
  7. Image n°: <input type="text" name="go" size="4"> <input type="submit" onclick="gotoimage()" value="go !!!">
  8. </FORM>
  9. <SCRIPT LANGUAGE="JavaScript">
  10. <!--
  11. ext = ".jpg" // tapez l'extension des images
  12. lerep = "img/" // ou "../img/" ATTENTION le / est obligatoire  
  13. b = 3 // tapez le nombre d'images
  14. num = 2 // le numero de l'image 1,2,3... en partant du haut de la page puis de gauche a droite
  15. c = b - 1
  16. a = 0
  17. sectionjs = num - 1
  18. document.images[sectionjs].src= lerep + "0" + ext
  19. function suivant()
  20. {
  21. if (a != c){
  22. a++
  23. document.images[sectionjs].src= lerep + a + ext
  24. document.form.numero.value= a + 1
  25. }
  26. else {
  27. a=0;document.images[sectionjs].src="0" + ext;document.form.numero.value= a + 1}
  28. }
  29. function precedent()
  30. {
  31. if (a > 0 ){
  32. a--
  33. document.form.numero.value= a + 1
  34. document.images[sectionjs].src= lerep + a + ext
  35. }
  36. else {a=c;document.images[sectionjs].src=a + ext;document.form.numero.value= a + 1}
  37. }
  38. function gotoimage()
  39. {
  40. d = document.form.go.value
  41. if ((d>0 ) && (d<=b))
  42. {d--
  43. document.images[sectionjs].src= d + ext
  44. document.form.numero.value = document.form.go.value
  45. a = d
  46. }
  47. else alert('Désolé le numéro de photo n\'existe pas. Cela va de 1 à '+ b + '.')
  48. }
  49. //-->
  50. </SCRIPT>
  51. </body>


 
merci bien par avance
 :)  :)  :)  
 

mood
Publicité
Posté le 05-04-2005 à 20:43:45  profilanswer
 

n°1036427
KangOl
Profil : pointeur
Posté le 05-04-2005 à 20:54:37  profilanswer
 

qu'est-ce qui va pas ??


---------------
Nos estans firs di nosse pitite patreye...
n°1036428
miltonis
Posté le 05-04-2005 à 20:56:01  profilanswer
 

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

n°1036449
Hermes le ​Messager
Breton Quiétiste
Posté le 05-04-2005 à 21:24:36  profilanswer
 

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
n°1036472
miltonis
Posté le 05-04-2005 à 21:49:34  profilanswer
 

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

n°1036481
Hermes le ​Messager
Breton Quiétiste
Posté le 05-04-2005 à 21:57:42  profilanswer
 

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;

n°1036491
masklinn
í dag viðrar vel til loftárása
Posté le 05-04-2005 à 22:08:16  profilanswer
 

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
n°1036496
Hermes le ​Messager
Breton Quiétiste
Posté le 05-04-2005 à 22:10:31  profilanswer
 

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.

n°1036506
masklinn
í dag viðrar vel til loftárása
Posté le 05-04-2005 à 22:16:59  profilanswer
 

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:


Message édité par masklinn le 05-04-2005 à 22:18:11

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°1036508
Hermes le ​Messager
Breton Quiétiste
Posté le 05-04-2005 à 22:18:56  profilanswer
 

;)


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Javascript : galerie de photos

 

Sujets relatifs
E-mail en javascript sans mailto...[Javascript] + Expression Reguliere
[javascript] Taille d'une imageProbleme sur javascript adresse ip en
[Javascript]Checkbox cheked => champ text disableProbleme de javascript sous FireFox
[JAVASCRIPT] OnMouseOverarf!!! code JavaScript qui marche pas sous FireFox
Arf!!! Re - probleme de JavaScript sous FFArf!!! Problm code Javascript sou FireFox
Plus de sujets relatifs à : Javascript : galerie de photos


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR