Se déplacer dans une image
Fermé
cirion35
Messages postés
16
Date d'inscription
samedi 7 juillet 2007
Statut
Membre
Dernière intervention
10 janvier 2011
-
8 janv. 2011 à 15:24
cirion35 Messages postés 16 Date d'inscription samedi 7 juillet 2007 Statut Membre Dernière intervention 10 janvier 2011 - 10 janv. 2011 à 15:22
cirion35 Messages postés 16 Date d'inscription samedi 7 juillet 2007 Statut Membre Dernière intervention 10 janvier 2011 - 10 janv. 2011 à 15:22
A voir également:
- Se déplacer dans une image
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? ✓ - Forum Windows
- Déplacer une colonne excel - Guide
- Recherche par image - Guide
- Deplacer une image css - Astuces et Solutions
- Image iso - Guide
5 réponses
avion-f16
Messages postés
19125
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
23 mars 2023
4 468
8 janv. 2011 à 16:15
8 janv. 2011 à 16:15
Salut.
Tu peux découper ton images en plusieurs.
Ensuite, tu crées un cadre contenant les images réassemblée, mais sans charger les images (donc en laissant l'attribut src vide).
Après, tu réduis ce cadre la taille d'une image.
Il faudra ajouter des flèches pour la navigation.
Lorsqu'on cliquera sur une flèche, il faudra charger l'image demandée en indiquant son chemin dans l'attribut src de la balise correspondante, puis faire un scrollTo.
Ou bien tu peux faire ça avec une seule balise <img /> et à chaque fois changer l'URL par l'image demandée. Tu ne pourras pas faire l'effet de défilement, mais tu pourras quand même faire un fondu.
Tu peux découper ton images en plusieurs.
Ensuite, tu crées un cadre contenant les images réassemblée, mais sans charger les images (donc en laissant l'attribut src vide).
Après, tu réduis ce cadre la taille d'une image.
Il faudra ajouter des flèches pour la navigation.
Lorsqu'on cliquera sur une flèche, il faudra charger l'image demandée en indiquant son chemin dans l'attribut src de la balise correspondante, puis faire un scrollTo.
Ou bien tu peux faire ça avec une seule balise <img /> et à chaque fois changer l'URL par l'image demandée. Tu ne pourras pas faire l'effet de défilement, mais tu pourras quand même faire un fondu.
Squel8
Messages postés
312
Date d'inscription
jeudi 1 avril 2010
Statut
Membre
Dernière intervention
29 novembre 2022
96
8 janv. 2011 à 16:27
8 janv. 2011 à 16:27
Salut cirion35,
En fait si j'ai bien compris tu cherche une galerie?
Mais ton premier soucis, c'est la taille de tes images, j'en ai téléchargé une, elle fait 1105 ko, en appliquant un "enregistrement web" avec photoshop elle ne fait plus que 186 ko sans réelle dégradation.
Après, en fouillant un peu sur le web tu trouvera une multitude de galerie bien sympas.
regarde ici tu pourrai trouver ton bonheur:
http://www.kermarec.com/galeries-et-slideshows-de-photos-pour-mootools-14/
En fait si j'ai bien compris tu cherche une galerie?
Mais ton premier soucis, c'est la taille de tes images, j'en ai téléchargé une, elle fait 1105 ko, en appliquant un "enregistrement web" avec photoshop elle ne fait plus que 186 ko sans réelle dégradation.
Après, en fouillant un peu sur le web tu trouvera une multitude de galerie bien sympas.
regarde ici tu pourrai trouver ton bonheur:
http://www.kermarec.com/galeries-et-slideshows-de-photos-pour-mootools-14/
avion-f16
Messages postés
19125
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
23 mars 2023
4 468
Modifié par avion-f16 le 8/01/2011 à 16:54
Modifié par avion-f16 le 8/01/2011 à 16:54
@Squel8: Je ne pense pas que tu aies compris le problème.
Ou alors c'est moi ... J'ai compris qu'il cherche à faire comme avec Google Maps, sauf que ce n'est pas une carte, mais une grande image.
J'ajoute que Shadowbox.js permet de faire cet effet, mais l'image doit être chargée complètement.
Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu lui dis de faire.
Bonne année à tous
Ou alors c'est moi ... J'ai compris qu'il cherche à faire comme avec Google Maps, sauf que ce n'est pas une carte, mais une grande image.
J'ajoute que Shadowbox.js permet de faire cet effet, mais l'image doit être chargée complètement.
Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu lui dis de faire.
Bonne année à tous
Squel8
Messages postés
312
Date d'inscription
jeudi 1 avril 2010
Statut
Membre
Dernière intervention
29 novembre 2022
96
10 janv. 2011 à 14:29
10 janv. 2011 à 14:29
Oui c'est toi qui a raison, je ne fais que proposer une alternative, mais je ne répond pas à la demande. Je ne connais pas Shadowbox.js, je vais y jetter un coup d'oeil. j'ai découvrer ptviewer.jar > https://www.la-grange-numerique.com/demo9905/javademo/PTJV/bus.html
ça peut être sympa.
ça peut être sympa.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
cirion35
Messages postés
16
Date d'inscription
samedi 7 juillet 2007
Statut
Membre
Dernière intervention
10 janvier 2011
111
10 janv. 2011 à 15:22
10 janv. 2011 à 15:22
Hey,
Merci pour vos réponses, j'ai cru trouver le graal avec ptviewer mais malheureusement l'applet transforme l'image en coordonnées polaires et donc déforme complétement ma mozaique... et j'ai l'impression que l'ensemble de l'image est chargé au démarrage...
Finalement j'en suis au point de départ et c'est bien dommage...
@squel8, merci pour ta réponse, mais j'ai déjà une galerie bien fonctionnelle pour mon site ^^ (picsengine, parfaite!!)
@avion, ta méthode manuelle me semble bien laborieuse, vu la taille des images que je voudrais traiter...
J'espère trouver une solution au plus vite, ça devait faire les voeux de bonne année... ça attendra peut être un peu!!
++
Merci pour vos réponses, j'ai cru trouver le graal avec ptviewer mais malheureusement l'applet transforme l'image en coordonnées polaires et donc déforme complétement ma mozaique... et j'ai l'impression que l'ensemble de l'image est chargé au démarrage...
Finalement j'en suis au point de départ et c'est bien dommage...
@squel8, merci pour ta réponse, mais j'ai déjà une galerie bien fonctionnelle pour mon site ^^ (picsengine, parfaite!!)
@avion, ta méthode manuelle me semble bien laborieuse, vu la taille des images que je voudrais traiter...
J'espère trouver une solution au plus vite, ça devait faire les voeux de bonne année... ça attendra peut être un peu!!
++