|
| 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.
|
| |
| |
| 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) |
| |
|
| 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++ |
| |
|
| 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 |
| |
|
| 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] |
| |
|
| 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. |
| |
|
| 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. |
| |
|
| 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.
|
| |
|
| 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. |
| |
|
| 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 |
| |
|
| 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.
|
| |
|
|
| Haut de la page |