|
|
|
|
Bonjour,
je suis illustratrice et je crée actuellement un site internet pour présenter mes aquarelles.
Je souhaite créer des pages constituées sur la gauche de petites images de mes créations et sur la droite, d'un zoom accessible en cliquant sur les petites images. J'ai trouvé un site en flash qui utilise ce procédé: http://www.kimberlygrant.com/index2.php
Est-il possible de le faire sur Dreamweaver en html ?
Merci beaucoup
Aléa
Configuration: Windows XP Internet Explorer 7.0
Salut,
|
Bonsoir,
<script>
<!-- script créé par le webmaster de : www.creation-de-site.net -->
<!-- vous y trouverez des javascripts, des images, des tutoriaux et des ressources gratuites. -->
<!-- Ce script permet d'afficher une image miniature à sa taille réelle dans une nouvelle fenêtre -->
function open_window(votre_page)
{
var hauteur_popup=800;
var H = (screen.height - hauteur_popup) / 2;
var largeur_popup=800;
var L = (screen.width - largeur_popup) / 2;
pop_up = window.open(votre_page,"Popup","status=yes,scrollbars=yes,resizable=no,height="+hauteur_popup+",width="+largeur_popup+",top="+H+",left="+L);
}
</script>
Le code est à placer dans l'entête du fichier html, entre les balises <head> et </head> et le navigateur doit accepter les pop-up pour que l'image puisse s'agrandir une fois qu'on clique dessus. Ensuite tu as entre les balises <body et </body> un code ressemblant à celui-là. Ici il va chercher les images et les affiche en miniature, et en même temps indique que lorsqu'on clique sur celles-ci il faut utiliser ll'ouverture du pop-up pour l'affichage en taille réelle. <img src="..\images\image1.jpg" width="200px" onClick="open_window('../images/image1.jpg');">
<img src="..\images\image2.jpg" width="200px" onClick="open_window('../images/image2.jpg');">
<img src="..\images\image3.jpg" width="200px" onClick="open_window('../images/image3.jpg');">
<img src="..\images\image4.jpg" width="200px" onClick="open_window('../images/image4.jpg');">
Il faudra ajouter après chaque image en miniature la ligne onClick="open_window('../images/image4.jpg')
pour que l'agrandissement puisse fonctionner. C'est un peu barbare au premier abord, mais j'éspère qu'il te sera utile. Bonne soirée. |
J'ai bien retrouvé le code utilisé pour faire une sorte de galerie d'images, mais il n'est pas pratique d'utilisation, il faudrait le rééditer à chaque ajout d'image pour créer la miniature et l'image en taille réelle.
|
Merci à vous tous pour votre aide, j'ai trouvé la solus sur le site
|