Fenêtre de zoom mobile sur plan

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par paikan06, 30 Avril 2013.

  1. paikan06
    paikan06 WRInaute discret
    Inscrit:
    1 Août 2011
    Messages:
    123
    J'aime reçus:
    0
    Bonjour à tous.

    Je suis actuellement en train de mettre des plans d'architecture sur un site internet.
    Je cherche à implémenter une fonction, mais j'ai beaucoup de mal à la réaliser.

    Je mets le plan global d'un étage en très bonne résolution sur la page Html et j'aimerais qu'au passage de la sourie sur le plan une fenêtre de zoom apparaisse et que la fenêtre de zoom puisse être déplacée avec la sourie.

    L'idée me vient du site "cdiscount" qui permet de zoomer sur le produit pour voir les détails.
    ex: Passez la sourie sur le lit

    J'ai fait plusieurs recherches sur Google mais les solutions que j'ai trouvé permettent juste d'agrandir totalement l'image au passage de la sourie.

    Si vous avez une idée ou une piste de recherche, je vous en suis très reconnaissant.
    Si vous avez des questions je vous réponds avec grand plaisir.
    Très bonne journée à tous.
     
  2. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 162
    J'aime reçus:
    337
  3. paikan06
    paikan06 WRInaute discret
    Inscrit:
    1 Août 2011
    Messages:
    123
    J'aime reçus:
    0
    Merci énormement Spout
    Je regarde de suite :D :D :D :D
     
  4. paikan06
    paikan06 WRInaute discret
    Inscrit:
    1 Août 2011
    Messages:
    123
    J'aime reçus:
    0
    C'est parfait, ça fonctionne très bien, par contre .........

    La bibliothèque jquery téléchargée pour faire fonctionner le zoom, "jquery- 1.8.3.min.js" fait sauter les autres animations de ma page.

    Connaissez vous un moyen permettant d'attribuer un .js uniquement à un <div> en particulier ????

    Merci beaucoup :D
     
  5. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 162
    J'aime reçus:
    337
    Tu dois avoir un conflit ou un selecteur trop générique ou ... ? T'as pas mis 2 fois jQuery par hasard ?
     
  6. paikan06
    paikan06 WRInaute discret
    Inscrit:
    1 Août 2011
    Messages:
    123
    J'aime reçus:
    0
    En ce moment pour faire fonctionner les différentes animations, le site utilise :

    Code:
    <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.diaporama.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
    <script type="text/javascript" src="js/jquery.cycle.min.js"></script>
    <script type="text/javascript" src="js/jquery.color.js"></script>
    <script type="text/javascript" src="js/jquery-ui.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
    <script type="text/javascript" src="js/cufon-yui.js"></script>
    <script type="text/javascript" src="js/jquery.lightbox-0.5.js">
    Et dès que je rajoute : jquery- 1.8.3.min.js, les animations logo ne fonctionnent plus.
    Merci pour ton conseil, je vais essayer de voir si y a un conflit quelque part.

    Je te souhaite un bon appétit spout :wink:
     
  7. polweb
    polweb WRInaute accro
    Inscrit:
    18 Octobre 2006
    Messages:
    3 231
    J'aime reçus:
    0
    Salut,

    il faut mettre jQuery.noConflict() je pense.

    A plus
     
  8. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 162
    J'aime reçus:
    337
    Tu as déjà 2 fois jQuery:
    Code:
    <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    Et en plus tu essaies de mettre le 1.8.3, ça ne m'étonne pas tes problèmes ... :roll:
     
  9. paikan06
    paikan06 WRInaute discret
    Inscrit:
    1 Août 2011
    Messages:
    123
    J'aime reçus:
    0
    Je vous remercie pour votre aide, tout fonctionne.

    Effectivement ça faisait doublon, en ne mettant que 1.8.3 tout fonctionne correctement.
    Je te remercie sincèrement Spout et je te souhaite une bonne continuation. :D :D :D :D
     
Chargement...
Similar Threads - Fenêtre zoom mobile Forum Date
Responsive avec outils google mais pas avec réduction de fenêtre Demandes d'avis et de conseils sur vos sites 23 Juillet 2018
Y-a-t-il une incidence des Fenetres modales sur le referencement ?e Débuter en référencement 18 Avril 2017
Fenêtres de pub apparaissant sur mon site Demandes d'avis et de conseils sur vos sites 26 Juin 2015
Ouvrir dans une nouvelle fenêtre Développement d'un site Web ou d'une appli mobile 11 Juin 2015
Résultat d'une recherche dans une fenêtre. Développement d'un site Web ou d'une appli mobile 1 Juin 2013
lien qui ouvre fenetre pop up mais Développement d'un site Web ou d'une appli mobile 11 Juillet 2012
Fenêtre pop-in et referencement naturel Débuter en référencement 11 Avril 2012
Fenetre pop up CSS/JS/JQUERY à l'ouverture Développement d'un site Web ou d'une appli mobile 26 Août 2011
Ouverture nouvelle fenetre apres clic sur fichier Développement d'un site Web ou d'une appli mobile 11 Août 2011
Alignement champ et fenêtre auto-completer Développement d'un site Web ou d'une appli mobile 29 Mars 2011
fenêtre de résultats en temps réel Google Google : l'entreprise, les sites web, les services 23 Janvier 2011
Fenêtre "style Adword" Développement d'un site Web ou d'une appli mobile 6 Octobre 2010
[Safari Iphone] Fenêtre flottante sur site mobile Développement d'un site Web ou d'une appli mobile 14 Septembre 2010
Fenetres avec mootools Développement d'un site Web ou d'une appli mobile 2 Juin 2010
Boite de dialogue (fenêtre) js? Développement d'un site Web ou d'une appli mobile 19 Avril 2010
aide - comment supprimer ces fenêtres intempestives? Développement d'un site Web ou d'une appli mobile 12 Décembre 2009
Surfenetre / PopUp Integré !! Développement d'un site Web ou d'une appli mobile 16 Novembre 2009
Connaissez vous des puzzles exportables ? (genre fenetre youtube) Demandes d'avis et de conseils sur vos sites 1 Septembre 2009
Intégrer une fenêtre sur un autre site - lien en dur Demandes d'avis et de conseils sur vos sites 2 Janvier 2009
[résolu] Ouvrir un lien dans la même fenêtre Netlinking, backlinks, liens et redirections 29 Novembre 2008