Forum CMS Made Simple FR

Version complète : script zoomify html5 et fancybox - module Gallery
Vous consultez actuellement la version basse qualité d’un document. Voir la version complète avec le bon formatage.
Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: 1.11.6
#~ Url du site : www.farangprod.com
#~ Hébergeur / Soft : planethoster
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.11.6
#~ Installed Modules:
#~ CMSMailer: 5.2.1
#~ CMSPrinting: 1.0.4
#~ FileManager: 1.4.3
#~ MenuManager: 1.8.5
#~ MicroTiny: 1.2.5
#~ ModuleManager: 1.5.5
#~ News: 2.12.12
#~ Search: 1.7.8
#~ ThemeManager: 1.1.7
#~ CGExtensions: 1.32.6
#~ TinyMCE: 2.9.12
#~ Gallery: 1.6.1
#~ CGFBApp: 1.0.7
#~ FormBuilder: 0.7.3
#~ CGSmartImage: 1.10.8
#~ Config Information:
#~ php_memory_limit: 64M
#~ process_whole_template:
#~ output_compression: false
#~ max_upload_size: 128000000
#~ url_rewriting: mod_rewrite
#~ page_extension: .html
#~ query_var: page
#~ image_manipulation_prog: GD
#~ auto_alias_content: true
#~ locale:
#~ default_encoding: utf-8
#~ admin_encoding: utf-8
#~ set_names: true
#~ Php Information:
#~ phpversion: 5.3.23
#~ md5_function: On (Vrai)
#~ gd_version: 2
#~ tempnam_function: On (Vrai)
#~ magic_quotes_runtime: Off (Faux)
#~ E_STRICT: 0
#~ E_DEPRECATED: 0
#~ memory_limit: 64M
#~ max_execution_time: 30
#~ output_buffering: On
#~ safe_mode: Off (Faux)
#~ file_uploads: On (Vrai)
#~ post_max_size: 64M
#~ upload_max_filesize: 128M
#~ session_save_path: /var/lib/sessionsphp (1777)
#~ session_use_cookies: On (Vrai)
#~ xml_function: On (Vrai)
#~ xmlreader_class: On (Vrai)
#~ Server Information:
#~ Server Api: litespeed
#~ Server Db Type: MySQL (mysqli)
#~ Server Db Version: 5.1.68
#~ Server Db Grants: Trouvé un privilège "GRANT ALL" qui semble être adapté
#~ ----------------------------------------------
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~



Bonjour à tous,

2 petites questions mais dont la solution peut me rendre un grand service.


[h]1e question:[/h]

Avec le module galerie, j'affiche une série de vignettes qui chacune ouvre un gigapanoramique qui s'affiche en html5 dans une fancybox.

Pour le moment, la solution utilisée qui fonctionne est de passer par une iframe dans laquelle est appelée une page qui génère le panorama.

Un peu lourd comme système! Sad


J'aimerais générer directement le panorama dans la fancybox sans passer par une iframe.


Comment ça marche zoomify?

Pour générer un pano, il faut plusieurs chose:

une balise enveloppante
Code :
[== Indéfini ==]
<div id="myContainer"> </div>

2 scripts js
Code :
[== Indéfini ==]
{literal}
<script type="text/javascript" src="uploads/images/Giga/ZoomifyImageViewer.js"></script>
<script type="text/javascript">
Z.showImage("myContainer", "http://www.farangprod.com/uploads/images/Giga/{/literal}{pano}{literal}", "zSkinPath=http://www.farangprod.com/uploads/images/Giga/Assets/Skins/Default&zNavigatorVisible=1&zToolbarVisible=1&zLogoVisible=0&zSliderVisible=1&zFullPageVisible=0&zInitialZoom=10");
</script>
{/literal}
{pano} est la variable récupérée pour définir quel pano afficher

1 script css
Code :
[== Indéfini ==]
<style type="text/css"> #myContainer { width:800px; height:400px; margin:auto;} </style>


A l'ouverture de la page, le panorama est généré.

Si la balise enveloppante est crée (jquery) après le chargement de la page, elle n'est alors pas remplie.

Donc, si quelqu'un a pigé quelquechose... qu'il m'aide à trouver une solution! merci



[h]2e question:[/h]

Toujours concernant ces panos, lorsqu'on ouvre la fancybox sur un un smartphone (iphone testé), la barre de navigation du panorama est grossie et pixélisée au lieu de garder sa taille initiale.

donc, si quelqu'un pouvait me dire pourquoi, ça me permettrait de corriger cette vilaine chose! merci