OVH Cloud OVH Cloud

Photo agrandie sur la même page ou dans une couche

3 réponses
Avatar
jojo
Bonjour. J'ai une suite de photos avec miniatures automatiques, si l'on
clique, on a droit à l'agrandissement, mais sur une nouvelle page, comment
faire pour afficher l'agrandissement sur la même page, dans une couche par
exemple. (sans utiliser un cadre, j'ai déjà).
En fait cela revient à définir l'endroit d'affichage d'un objet accessible
par le click sur le lien, comme "cadre de destination". Merci et bonne année.
--
jho

3 réponses

Avatar
Louise
Bonjour,
Le plus simple serait d'utiliser le diaporama de FrontPage avec
le menu Insertion, Images, Galerie photo (ou Bibliothèque de
photographies)...

Ou peut-être avec le menu Insertion, Cadre en ligne. Dans ce cas,
lorsque vous créez le lien, le bouton Cadre de destination permet
de choisir le cadre I1 pour afficher l'image dans la zone du cadre
en ligne.

Si vous utilisez FrontPage 2003, c'est aussi possible avec une
couche masquée contenant la grande image et un comportement
appliqué au clic sur la miniature :
- dessiner la couche à l'endroit voulu, y insérer la grande image;
- masquer la couche (dans le volet Couches, première colonne);
- afficher le volet Comportements;
- dans la page, insérer l'image miniature et la sélectionner;
- dans le volet Comportements, cliquer sur le bouton Insérer, choisir
Modifier la propriété;
- dans la fenêtre Modifier la propriété, zone ID de l'élément,
sélectionner le nom de la couche masquée, puis cliquer sur le bouton
Visibilité et choisir Visible;
- dans le volet Comportements, au besoin, changer l'événement
pour onclick;
- vérifier le résultat en mode Aperçu.

Sinon, il y a aussi le javascript, comme :
http://www.editeurjavascript.com/scripts/scripts_images_1_65.php

Mais pour chacune de ces façons de faire, il serait bon de la tester
dans différents navigateurs.

Bonne journée,
Louise

"jojo" a écrit dans le message de news:

Bonjour. J'ai une suite de photos avec miniatures automatiques, si l'on
clique, on a droit à l'agrandissement, mais sur une nouvelle page, comment
faire pour afficher l'agrandissement sur la même page, dans une couche par
exemple. (sans utiliser un cadre, j'ai déjà).
En fait cela revient à définir l'endroit d'affichage d'un objet accessible
par le click sur le lien, comme "cadre de destination". Merci et bonne année.
--
jho


Avatar
jojo2
Bonsoir Louise et merci de votre attention.
Les galeries : j'évite, cause : mozilla et Mac-safari les gèrent mal en les
alignant n'importe comment et le temps de chargement est long (j'en ai bcp).
Le cadre unique pour l'agrandissement : c'est ce que j'utilise actuellement,
mais pour ce site, les photos seront trop nombreuses (catalogue de
publications, images miniatures de la couverture et click pour le sommaire
lisible), il faut que je bricole pour que l'internaute garde sa liste sous le
nez tout en consultant la grande photo du sommaire qui l'intéresse sans se
perdre avec l'ascenseur, cela va l'énerver. à moins d'un 2ème système de
cadre. complexe. j'ai déjà les modèles web dynamique (j'aime bien).
Je pensais aux couches, je sais faire apparaître, disparaître, substituer
dans la même couche ou intervertir les positions, mais il me manque le nom de
la propriété pour indiquer : onclick (sur petite en couche 1), viser couche 2
et 1° la faire apparaître (jusque là, TVB), et 2° substituer l'image (3ème
comportement) ou afficher l'image grande, mais dans cette couche 2... ouf.
j'essai de bricoler dans le code pour comprendre comment cela s'écrit.
en plus, pour ce site-là, j'ai des soucis avec l'hébergeur, je dois éviter
tout ce qui nécessite les composants spécifiques FP2003.
je vais encore essayer et voir les scripts. je n'aime pas bien copier-coller
des trucs, mais si je n'y arrive pas...
Merci beaucoup en tout cas, Louise.
jho

--
jojo2


"Louise" a écrit :

Bonjour,
Le plus simple serait d'utiliser le diaporama de FrontPage avec
le menu Insertion, Images, Galerie photo (ou Bibliothèque de
photographies)...

Ou peut-être avec le menu Insertion, Cadre en ligne. Dans ce cas,
lorsque vous créez le lien, le bouton Cadre de destination permet
de choisir le cadre I1 pour afficher l'image dans la zone du cadre
en ligne.

Si vous utilisez FrontPage 2003, c'est aussi possible avec une
couche masquée contenant la grande image et un comportement
appliqué au clic sur la miniature :
- dessiner la couche à l'endroit voulu, y insérer la grande image;
- masquer la couche (dans le volet Couches, première colonne);
- afficher le volet Comportements;
- dans la page, insérer l'image miniature et la sélectionner;
- dans le volet Comportements, cliquer sur le bouton Insérer, choisir
Modifier la propriété;
- dans la fenêtre Modifier la propriété, zone ID de l'élément,
sélectionner le nom de la couche masquée, puis cliquer sur le bouton
Visibilité et choisir Visible;
- dans le volet Comportements, au besoin, changer l'événement
pour onclick;
- vérifier le résultat en mode Aperçu.

Sinon, il y a aussi le javascript, comme :
http://www.editeurjavascript.com/scripts/scripts_images_1_65.php

Mais pour chacune de ces façons de faire, il serait bon de la tester
dans différents navigateurs.

Bonne journée,
Louise

"jojo" a écrit dans le message de news:

> Bonjour. J'ai une suite de photos avec miniatures automatiques, si l'on
> clique, on a droit à l'agrandissement, mais sur une nouvelle page, comment
> faire pour afficher l'agrandissement sur la même page, dans une couche par
> exemple. (sans utiliser un cadre, j'ai déjà).
> En fait cela revient à définir l'endroit d'affichage d'un objet accessible
> par le click sur le lien, comme "cadre de destination". Merci et bonne année.
> --
> jho

















Avatar
jojo
bonjour, Louise, ça y est !!!
1° le javascript à copier-coller trouvé dans la faq ou ailleurs, ça marche
toujours, mais je n'aime pas bien, pas encore capable de détecter les couacs
2° directement avec fp, se placer sur le lien, insérer comportement : ouvrir
la fenêtre du navigateur, dans la boîte de dialogue indiquer l'url
(emplacement de la grande photo), nom de la fenêtre j'ai mis popup (par
exemple), puis la taille souhaitée et ok et dans la propriété du lien
hypertexte, cadre de destination : popup, qui devient fenêtre par défaut.
puis optimiser le code, là je ne pige pas tout, mais j'ai vu que cela
compactait considérablement.
cela fonctionne même quand il y a des pbs d'extensions fp chez l'hébergeur.
j'espère qu'il n'y aura pas de soucis commercial entre MS jsscript,
javascript ou dieu sait quoi, comme pour les défilements d'images. pour
l'instant, je garde la méthode FP.
A bientôt, j'y retourne. merci.
jho


--
jho


"Louise" a écrit :

Bonjour,
Le plus simple serait d'utiliser le diaporama de FrontPage avec
le menu Insertion, Images, Galerie photo (ou Bibliothèque de
photographies)...

Ou peut-être avec le menu Insertion, Cadre en ligne. Dans ce cas,
lorsque vous créez le lien, le bouton Cadre de destination permet
de choisir le cadre I1 pour afficher l'image dans la zone du cadre
en ligne.

Si vous utilisez FrontPage 2003, c'est aussi possible avec une
couche masquée contenant la grande image et un comportement
appliqué au clic sur la miniature :
- dessiner la couche à l'endroit voulu, y insérer la grande image;
- masquer la couche (dans le volet Couches, première colonne);
- afficher le volet Comportements;
- dans la page, insérer l'image miniature et la sélectionner;
- dans le volet Comportements, cliquer sur le bouton Insérer, choisir
Modifier la propriété;
- dans la fenêtre Modifier la propriété, zone ID de l'élément,
sélectionner le nom de la couche masquée, puis cliquer sur le bouton
Visibilité et choisir Visible;
- dans le volet Comportements, au besoin, changer l'événement
pour onclick;
- vérifier le résultat en mode Aperçu.

Sinon, il y a aussi le javascript, comme :
http://www.editeurjavascript.com/scripts/scripts_images_1_65.php

Mais pour chacune de ces façons de faire, il serait bon de la tester
dans différents navigateurs.

Bonne journée,
Louise

"jojo" a écrit dans le message de news:

> Bonjour. J'ai une suite de photos avec miniatures automatiques, si l'on
> clique, on a droit à l'agrandissement, mais sur une nouvelle page, comment
> faire pour afficher l'agrandissement sur la même page, dans une couche par
> exemple. (sans utiliser un cadre, j'ai déjà).
> En fait cela revient à définir l'endroit d'affichage d'un objet accessible
> par le click sur le lien, comme "cadre de destination". Merci et bonne année.
> --
> jho