rss
Ils ont besoin de votre aide Tous les messages sans réponse
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Résolu

Créer un zoom image

Posté par alea31, le lundi 21 mai 2007 à 21:59:27
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
Répondre à alea31  Signaler ce message aux modérateurs Aller au dernier message

1


  • 1    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
Dalida, le lundi 21 mai 2007 à 22:32:07
salut,

en html tu pourrais avoir à gauche les petites images (des miniatures des images réelles ou des détails des images réelles) qui quand elles sont survolées par le curseur affichent l'image intégrale dans la partie droite.
c'est faisable avec Dreamweaver ou un autre éditeur html.
pour cela tu dois utiliser les feuilles de style (css).

mais pour gérer le clic sans recharger la page il faudra utiliser du Javascript.
soit dit en passant ce sera plus rapide à charger que le Flash. 
Il y a surement des pandas pour ne dépendre de rien
Et des pourquoi pas qui durent jusqu'à demain
   
Répondre à Dalida

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
alea31, le lundi 21 mai 2007 à 23:42:48
Merci beaucoup, c'est tout à fait ce que je veux réaliser, mais je ne
sais pas par où commencer ! Pourrais tu m'aider ? merci beaucoup. Bonne
soirée
   
Répondre à alea31

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Linux67, le lundi 21 mai 2007 à 22:33:00
Bonsoir,

je ne sais pas si ce bout de code est ce que tu cherches, je l'ai utilisé pour afficher des images en miniature à leur taille réelle dans une nouvelle fenêtre. 

		<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,sc­rollbars=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.
   
Répondre à Linux67

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
alea31, le lundi 21 mai 2007 à 23:41:36
Merci pour ton aide mais je cherche à afficher des images en
miniature à leur taille réelle dans une seule et même fenêtre. Sais tu comment
procéder ? bonne soirée, Aléa
   
Répondre à alea31

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Linux67, le mardi 22 mai 2007 à 08:58:46
Je suis en ce moment sur mon lieu de travail (quel grand mot ^_^), je vais voir ce soir dans les pages que j'avais fait en cours pour récupérer ce morceau de code, je pense l'avoir utilisé aussi.

Bonne journée.
   
Répondre à Linux67

6


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Aléa, le mardi 22 mai 2007 à 13:33:08
Merci pour votre gentilesse, j'attends votre code avec impatience !
Bonne journée, Aléa
   
Répondre à Aléa

7


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Linux67, le mardi 22 mai 2007 à 23:17:08
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.
Je vais tenter de l'automatiser cette semaine, je n'ai pas eu beaucoup de temps à moi ce soir pour vraiment y travailler à fond.

Bonne soirée.
   
Répondre à Linux67

8


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 Aléa, le jeudi 24 mai 2007 à 13:35:14
Merci à vous tous pour votre aide, j'ai trouvé la solus sur le site
http://www.lecodejava.com.

Bonne journée, Aléa
   
Répondre à Aléa
Posez votre question Répondre
Logiciels pertinents trouvés dans les téléchargements
Télécharger AVS Disc Creator 2.1.5.100AVS Disc Creator - Avec AVS DiscCreator vous pouvez rapidement graver vos données sur CD/DVD et Blu-ray disc. <h2>Fonctionnalités</h2> ...Catégorie: Gravure
Licence: Freeware/gratuit
Télécharger VSO Image Resizer 2.0.1.9VSO Image Resizer - Le logiciel VSO Image Resizer organise vos photos en réduisant leur résolution et en les déplaçant facilement au sein de...Catégorie: Graphisme
Licence: Freeware/gratuit
Télécharger PDF Creator 0.9.5PDF Creator - PDF Creator est un outil gratuit permettant de créer des PDF à partir de presque n'importe quelle application capable...Catégorie: PDF
Licence: Open Source
Télécharger Hugin 0.6.1Hugin - Hugin est un logiciel qui permet de créer des images panoramiques en assemblant plusieurs clichés. Il aide à faire...Catégorie: Retouche photo
Licence: Open Source
Plus de logiciels gratuits sur « Créer un zoom image »