> Tous les forumsForum des Webmasters

 Album photo Javascript - Qu'en pensez-vous
Statut du sujet : NON RESOLU Imprimer
 LisaB
  Posté le 16/12/2004 @ 09:40  
 Petite astucienne

525 Messages
Bonjour Je cherche à créer de petits album photos genre Diaporama. C'est pour un usage en famille sur DD ou CDRom. Toutes les solutions que j'ai trouvées qui font appel à PHP ne peuvent donc pas marcher. J'aipu faire quelque chose qui me plait bien : = la page principale avec - le menu dans une iframe <iframe src="menu.html" width="132" marginwidth="0" height="426" marginheight="0" scrolling="yes" frameborder="0"> - une cellule <td><img id="photo" src="pictures/photo0.jpg" width="568" height="426" /></td> = le menu avec - une fonction function afficher(NomFichier) { parent.photo.src=NomFichier + ".jpg"; } - une boucle (nb. j'ai mis les images dans un sous-dossiers /pictures et j'ai fait un petit CSS pour les vignettes) <script> var ph1='onClick=afficher("pictures/photo' var ph2='")' var NbrImg=80 for (i=0;i<=NbrImg;i++) document.writeln('<tr><td width=\"114\" class=\"thumb\" title=\"photo '+i+'\"><img src=\"vignettes/th-photo'+i+'.jpg\" width=\"114\" height=\"85\" '+ph1,i,ph2+'></td></tr><tr><td height=\"5\"></td></tr> ') </script> Ca marche bien (avec IE !!). Mais je peux surement améliorer le code. Qu'en pensez vous D'autre part je voudrais le rendre compatible pour Mozilla. Apparement le problème n'est pas dans la boucle (les vignettes s'affichent normalement, mais dans la fonction) .... ?? je ne trouve pas. Je compte beaucoup sur vous et je vous remercie d'avance.
 Afficher le profil de LisaB Envoyer un message privé à LisaB
 
 
Publicité
 Malcolm  Posté le 16/12/2004 à 10:57  
  Astucien


7309 Messages
moi j'utilise WebThumb pour créer des galeries photos... Si tu veux je peux t'envoyer un tutorial ... (dans ce cas envoie moi ton mail en mp)
Afficher le profil de Malcolm Voir la configuration de MalcolmEnvoyer un message privé à Malcolm
  Revenir en haut de la page
 LisaB  Posté le 16/12/2004 à 12:55  
Petite astucienne

525 Messages
Bonjour malcom, Merci d'avance pour WebThumb (je te fais un MP) Je voudrais bien quand même que tu m'aides (ou un autre astucien) pour le script (c'est l'un des premiers que je fais toute seule [smile] ) A++
Afficher le profil de LisaB Voir la configuration de LisaBEnvoyer un message privé à LisaB
 Revenir en haut de la page
 massi  Posté le 16/12/2004 à 14:29  
Petite astucienne

47 Messages
Salut, bien que ca ne reponde pas directement a ta question, je pense que ce lien pourrait t'interesser: http://jalbum.net/ Jalbum est un freeware qui te fabrique une galerie photo, a mettre en ligne ou sur CD, j'ai testé c'est pas mal :) massi
Afficher le profil de massiEnvoyer un message privé à massi
 Revenir en haut de la page
 massi  Posté le 16/12/2004 à 14:33  
Petite astucienne

47 Messages
ouai en fait je viens de voir WebThumb c'est pareil, autant pour moi [rougir]
Afficher le profil de massiEnvoyer un message privé à massi
 Revenir en haut de la page
 LisaB  Posté le 16/12/2004 à 15:19  
Petite astucienne

525 Messages
merci déjà pour vos réponses, mais j'aimerais vraiment faire marcher mon script pour Mozilla (et savoir pourquoi il n'est pas compatible !!) elisabeth.
Afficher le profil de LisaB Voir la configuration de LisaBEnvoyer un message privé à LisaB
 Revenir en haut de la page
 nono21  Posté le 16/12/2004 à 16:05  
Petit astucien

162 Messages
Bonjour, Dans ta fonction [code]function afficher(NomFichier) { parent.photo.src=NomFichier + ".jpg"; }[/code] je ne vois pas où tu définis l'élément "parent" (parent.photo.src). Peut être devrais-tu essayer un document.getElementById("photo").src=NomFichier + ".jpg"; qui a l'avantage d'être standard et de marcher sous Mozilla (normalement) Bon courage.
Afficher le profil de nono21
 Revenir en haut de la page
 LisaB  Posté le 17/12/2004 à 09:05  
Petite astucienne

525 Messages
Bonjour nono Merci de ta venue. - J'ai essayé d'utiliser les objets. "parent" c'est pour partir de l'iframe et dans la page qui la contient j'ai l'image id="photos" Es-tu certain que ce soit là que ça coince plutôt que dans la structure elle-même de la fonction ? - document.getElementById("photo").src=NomFichier + ".jpg"; Oui, ça doit effectivement être une solution mais .... il faut que le script opère depuis l'Iframe vers la page principale (pour moi c'est tout l'intérêt : rester toujours dans la même page). Tel quel ça ne marche pas. Pour être complète voci mes codes actuels : La page principale :
<html><head> <title>index Diapo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta http-equiv="imagetoolbar" content="no" /> </head> <body bgproperties=fixed topmargin="0" leftmargin="0" marginwidth="0" marginheight="0"> <table border="0" cellspacing="0" cellpadding="0" align=center> <tr> <td width="132" height="5"></td> <td width="568"></td> </tr> <tr> <td width="132"><iframe src="menu.html" width="132" marginwidth="0" height="426" marginheight="0" scrolling="yes" frameborder="0"></iframe></td> <td><img src="pictures/photo0.jpg" width="568" height="426" id="photo"></td> </tr> </table> </body> </html>
et la page menu
<html> <head> <link rel=stylesheet href=style_album.css type=text/css> <style> .thumb {cursor: pointer;} </style> <script> function afficher(NomFichier) { parent.photo.src=NomFichier + ".jpg"; } </script> </head> <body bgcolor="#CCCCCC"> <table border="0" cellspacing="0" cellpadding="0"> <script> var ph1='onClick=afficher("pictures/photo' var ph2='")' var NbrImg=80 for (i=0;i<=NbrImg;i++) document.writeln('<tr><td width=\"114\" class=\"thumb\" title=\"photo '+i+'\"><img src=\"vignettes/th-photo'+i+'.jpg\" width=\"114\" height=\"85\" '+ph1,i,ph2+'></td></tr><tr><td height=\"5\"></td></tr> ') </script> </table> </html>
Il faudrait donc adapter le "document" J'ai essayé diverses solutions et je ne trouve pas. Qu'en penses-tu ?? Et après il faudra encore l'intégrer dans la boucle en ayant défini une fonction, .. (?) C'est sympa de m'aider. Je voudrais vraiment essayer d'aller jusqu'au bout pour comprendre. A+ Elisabeth.
Afficher le profil de LisaB Voir la configuration de LisaBEnvoyer un message privé à LisaB
 Revenir en haut de la page
 LisaB  Posté le 20/12/2004 à 09:56  
Petite astucienne

525 Messages
Bonjour Avez vous une piste pour mon problème. Merci d'avance. Elisabeth.
Afficher le profil de LisaB Voir la configuration de LisaBEnvoyer un message privé à LisaB
 Revenir en haut de la page
 LisaB  Posté le 24/12/2004 à 15:10  
Petite astucienne

525 Messages
Bonjour à tous et à toutes Je tenais à montrer mes album ce soir (à des spectateurs trés exigents et linuxiens [bigsmile][bigsmile][bigsmile]) Il a bien fallu que je trouve une soluc. pour avoir l'air [cool] ... au lieu de mettre mon script de vignette dans une Iframe je l'ai mis dans une area scrollable (!! pas con) du coup j'arrive à identifier document.photo et ça marche TOUTES PLATEFORMES Je ne marque pas "résolu" car j'espère trouver, avec votre aide, pourquoi ça ne marchait pas avec les iframe, quite à faire un tour chez allhtml. Bon noêl. PS l'explication de la signature c'est là [url]http://forum.pcastuces.com/sujet.asp?page=-1&SUJET_ID=131618&REP_ID=771717[/url]

Modifié par LisaB le 24/12/2004 15:12
Afficher le profil de LisaB Voir la configuration de LisaBEnvoyer un message privé à LisaB
 Revenir en haut de la page
 LisaB  Posté le 09/01/2005 à 09:17  
Petite astucienne

525 Messages
Bonjour à tous J'ai deux bonnes nouvelles. - J'ai trouvé pourquoi mon script "ne marchait" pas sous Mozilla - Firefox. En fait il marche trés bien .... j'avais simplement mal réglé l'actualistation des pages que je consultait sur mon DD [bigsmile] Du coup j'ai paufiné et lié en plus les photos à des <option dans un formulaire. - Je vais bientôt avoir un espace sur Free Je pourrai faire des essais .htaccess et vous montrer tout ça. Bises à tous. [IMG]http://img116.exs.cx/img116/6726/coollisasmtr49ga.gif[/IMG] Elisabeth.
Afficher le profil de LisaB Voir la configuration de LisaBEnvoyer un message privé à LisaB
 Revenir en haut de la page
Haut de la page 
Inscrivez-vous !
- Posez vos questions

- Résolvez vos problèmes

- Aidez les autres

- Participez et créez vos discussions

- Dialoguez en privé avec d'autres membres

- Suivez vos sujets préférés

- Affichez les signatures des membres

TOUT EST GRATUIT !

Je crée mon compte




Vous avez besoin d'aide ?
Des centaines d'experts sont à votre disposition sur les forums PC Astuces pour vous aider gratuitement, 24h/24, 7j/7.

Les derniers sujets résolus !
 

 > Tous les forumsForum des Webmasters

 
Forum PC Astuces© 1997-2008 WebastucesAller en haut de la page