- Compatibilité XF
- 2.3.x
- Description courte
- AIXF Media360 — Enhance your XenForo media gallery with 360° panoramic images. Drop-in, no core edits needed; zoom, fullscreen controls, and auto-rotate options included for seamless viewing experience. Supports both CDN and local assets.
, ou d
Tailles recommandées d'image
EXR/HDR ne sont pas nécessaires pour ce lecteur (vous pouvez utiliser des JPEG tonemapés).Problèmes de dépannage
Je vois seulement une image statique.L'image n'est pas probablement ~2:1. Vérifie les dimensions (par exemple, 4096×2048). Vous pouvez étendre la data-ratio-tolerance (par exemple, 0.08) si votre source est légèrement décalée de 2:1.Je peux déplacer, mais pas de boutons.PannellumCSSle fichier n'est pas chargé. Si vous utilisez un CDN, assurez-vous qu'il ne soit pas bloqué. Pour le mode local, vérifiez que cette URL fonctionne dans votre navigateur :
HTML:
<div id="aixfPanoMount" class="js-aixf360"
data-enabled="1"
data-cdn="1" <!-- 1 = CDN (default), 0 = local -->
data-fov="75" <!-- initial zoom (HFOV) -->
data-autorotate="1.2" <!-- deg/sec; 0 = off -->
data-fullscreen="1" <!-- show fullscreen button -->
data-ratio-tolerance="0.05" <!-- 2:1 detection tolerance -->
style="width:100%;height:60vh"></div>
- []*4096x2048 (4K)meilleure compatibilité sur tous les appareils[]*8192×4096 (8K)— plus affûté pour ordinateur de bureau ; fichiers plus grands
EXR/HDR ne sont pas nécessaires pour ce lecteur (vous pouvez utiliser des JPEG tonemapés).Problèmes de dépannage
Je vois seulement une image statique.L'image n'est pas probablement ~2:1. Vérifie les dimensions (par exemple, 4096×2048). Vous pouvez étendre la data-ratio-tolerance (par exemple, 0.08) si votre source est légèrement décalée de 2:1.Je peux déplacer, mais pas de boutons.PannellumCSSle fichier n'est pas chargé. Si vous utilisez un CDN, assurez-vous qu'il ne soit pas bloqué. Pour le mode local, vérifiez que cette URL fonctionne dans votre navigateur :
Console affiche 404 pour init.js ou pannellum.js.
- [Utiliser <xf:js src="aixf/media360/init.js"/> est correct (ne préfixer pas avec js/).[Si vous avez construit votre propre ZIP, assurez-vous que votre release inclut:
CDN bloqué par le CSP.Switcher àlocalmode (voir ci-dessus), ou relaxer le CSP pour le domaine CDN.Messages de préchargement dépendantLe script attend que le <img> soit complètement chargé ; un chargement décontracté est acceptable. Si votre thème remplace l'élément d'image tardivement, une petite fuite peut se produire.## Roadmap (feedback-dépendant)
- []*GPano/XMP détection de l'EXIF (au-delà du rapport 2:1)[]*Mobile gyroscope (orientationOnByDefault)*Hotspots(titres/liens)[]*OptionnelXenAddons Showcasesupport