Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 02/03/2011, 10h22   #1
Candidat au titre de Membre du Club
 
Inscription : mars 2009
Messages : 79
Détails du profil
Informations forums :
Inscription : mars 2009
Messages : 79
Points : 12
Points : 12
Par défaut Recherche effet sur image

Bonjour,
Je suis à la recherche d'un code permettant le déplacement automatique d'un "carre" sur une image.

Pour mieux m'expliquer, voici ce lien :
http://www.mind-projects.it/projects...emos.php#demo5
Le zoom se fait lors du passage de la souris, moi j'ai besoin que de la partie zoom (sans l'image ou l'on passe la souris) mais qui défile automatiquement sur l'image.

j'espère mettre bien expliqué.

merci d'avance.
luffyfr est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/03/2011, 10h23   #2
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 007
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 007
Points : 45 091
Points : 45 091
a quoi ça sert que Beef se décarcasse ?
http://www.developpez.net/forums/d10...e-google-maps/
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/03/2011, 11h11   #3
Candidat au titre de Membre du Club
 
Inscription : mars 2009
Messages : 79
Détails du profil
Informations forums :
Inscription : mars 2009
Messages : 79
Points : 12
Points : 12
Merci SpaceFrog, par contre, sur la démo, le carre jaune sur la miniature ne se déplace pas automatiquement, même en modifiant la valeur du speed.

Ce script permet il le déplacement automatique de la zone d'affichage ? ou juste avec la souris ?
luffyfr est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/03/2011, 11h23   #4
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 007
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 007
Points : 45 091
Points : 45 091
ça se modifie
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/03/2011, 11h24   #5
Responsable Développement Web

 
Avatar de Bovino
 
Homme Didier Mouronval
Développeur Web
Inscription : juin 2008
Messages : 13 805
Détails du profil
Informations personnelles :
Nom : Homme Didier Mouronval
Âge : 41
Localisation : France, Gironde (Aquitaine)

Informations professionnelles :
Activité : Développeur Web
Secteur : High Tech - Éditeur de logiciels

Informations forums :
Inscription : juin 2008
Messages : 13 805
Points : 35 807
Points : 35 807
Citation:
Envoyé par luffyfr
sur la démo, le carre jaune sur la miniature ne se déplace pas automatiquement
Ben si...
A moins que je comprenne mal le sens de "automatiquement"...
__________________
Pas de question technique par MP !
Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi !
Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
Mon livre sur jQuery
Bovino est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/03/2011, 14h08   #6
Candidat au titre de Membre du Club
 
Inscription : mars 2009
Messages : 79
Détails du profil
Informations forums :
Inscription : mars 2009
Messages : 79
Points : 12
Points : 12
en fait, je recherche un code qui ressemble à ce que tu as réalisé bovino, mais sans avoir besoin de la souris.
Le bloc jaune se déplace sur l'image tout seul, et je n'ai besoin que de la partie "zoomé" de l'image.

En fait, j'ai une image qui fait par exemple 700x300, je cherche un code qui n'affiche que la partie que l'on veut afficher, par exemple 150x150, mais le cadre se déplace sur l'image automatiquement (ce qui ressemble fort a ce que tu as réaliser, mais il faut utiliser la souris sur ton code.

J'espère avoir été un peu plus précis sur ce que je recherche...
luffyfr est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/03/2011, 14h27   #7
Responsable Développement Web

 
Avatar de Bovino
 
Homme Didier Mouronval
Développeur Web
Inscription : juin 2008
Messages : 13 805
Détails du profil
Informations personnelles :
Nom : Homme Didier Mouronval
Âge : 41
Localisation : France, Gironde (Aquitaine)

Informations professionnelles :
Activité : Développeur Web
Secteur : High Tech - Éditeur de logiciels

Informations forums :
Inscription : juin 2008
Messages : 13 805
Points : 35 807
Points : 35 807
Citation:
Envoyé par luffyfr
sans avoir besoin de la souris.
?



Sérieusement, tu veux le faire bouger comment le cadre ?
__________________
Pas de question technique par MP !
Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi !
Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
Mon livre sur jQuery
Bovino est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/03/2011, 14h53   #8
Candidat au titre de Membre du Club
 
Inscription : mars 2009
Messages : 79
Détails du profil
Informations forums :
Inscription : mars 2009
Messages : 79
Points : 12
Points : 12
moveByTelepathy()... je me suis peut être mal exprimé ^^

Non sérieux, justement je ne sais pas si c'est faisable d'animer un cadre d'une dimension (150x150 par ex) sur une image (700x300 par ex), la partie afficher ne sera que le cadre 150x150 (le reste de l'image n'est pas visible),
le cadre ou la photo se "déplaçant" "automatiquement".

je vais essayer de mieux détailler ce que je recherche :

en gros, tu as une fenêtre et un arrière plan, sur mon site j'affiche ce que la fenêtre affiche, et l'arrière plan se déplace automatiquement.

quand je dis "automatiquement", j'entends par la peut être une fonction ou méthode permettant de déplacer l'un ou l'autre (en modifiant un margin ou autre)

j'espère faire avancer le problème ou mieux préciser ce que je recherche....
luffyfr est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 14h59.


 
 
 
 
Partenaires

Hébergement Web