Zoom sur un Reel 360° en JQuery
Résolu
nova-gaia
Messages postés
218
Date d'inscription
Statut
Membre
Dernière intervention
-
nova-gaia Messages postés 218 Date d'inscription Statut Membre Dernière intervention -
nova-gaia Messages postés 218 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je suis en train de mettre en place un slider de 360° avec un plugin (du nom de "reel plugin") et de JQuery.
Je souhaiterai effectuer un zoom sur ce Reel comme dans cet exemple en Flash:
http://www.3d-viz.com/3dviewers/watch36zt/flash/index.html
J'ai deux plugin:
- Pour le Reel 360°: Reel Plugin
- Pour le Zoom: Cloud Zoom
Je voudrais savoir si c'est possible de combiner les deux et comment faire. J'ai fait plusieurs essais mais sans succès.
Voici où j'en suis:
http://gambas.ch/test/test_js/
Merci d'avance pour vos réponses.
nova-gaia
Je suis en train de mettre en place un slider de 360° avec un plugin (du nom de "reel plugin") et de JQuery.
Je souhaiterai effectuer un zoom sur ce Reel comme dans cet exemple en Flash:
http://www.3d-viz.com/3dviewers/watch36zt/flash/index.html
J'ai deux plugin:
- Pour le Reel 360°: Reel Plugin
- Pour le Zoom: Cloud Zoom
Je voudrais savoir si c'est possible de combiner les deux et comment faire. J'ai fait plusieurs essais mais sans succès.
Voici où j'en suis:
http://gambas.ch/test/test_js/
Merci d'avance pour vos réponses.
nova-gaia
A voir également:
- Zoom sur un Reel 360° en JQuery
- Maps satellite en temps réel - Guide
- Regle reel sur telephone - Guide
- Code gta 4 xbox 360 - Guide
- Google maps trafic en temps réel - Guide
- Zoom appel video - Guide
2 réponses
[MESSAGE DE adns]
Il suffit donc d'appliquer le même principe vu précedemment
exemple
Fichier cloud zoom Ajouter la deuxième ligne
var img = $('#mini').attr('src');
img = img.replace("/watch/","/watch/zoom/");
Adns
Il suffit donc d'appliquer le même principe vu précedemment
exemple
Fichier cloud zoom Ajouter la deuxième ligne
var img = $('#mini').attr('src');
img = img.replace("/watch/","/watch/zoom/");
Adns
Bonjour,
il y a certainement mieux comme solution mais je ne trouve pas ou est initialisé le tableau "arguments" donc voila une solution qui devrait fonctionner
remplace cette ligne du fichier cloud-zoom.1.0.2.js
par
Adns
il y a certainement mieux comme solution mais je ne trouve pas ou est initialisé le tableau "arguments" donc voila une solution qui devrait fonctionner
remplace cette ligne du fichier cloud-zoom.1.0.2.js
zoomDiv = appendTo.append(format('<div id="cloud-zoom-big" class="cloud-zoom-big" style="display:none;position:absolute;left:%0px;top:%1px;width:%2px;height:%3px;background-image:url(\'%4\');z-index:99;"></div>', xPos, yPos, w, h, zoomImage.src)).find(':last');
par
var img = $('#mini').attr('src');
zoomDiv = appendTo.append(format('<div id="cloud-zoom-big" class="cloud-zoom-big" style="display:none;position:absolute;left:%0px;top:%1px;width:%2px;height:%3px;background-image:url(\''+img+'\');z-index:99;"></div>', xPos, yPos, w, h, zoomImage.src)).find(':last');
Adns
