Bannière du site

Documentation skin Tiger

fleche_haut

Tiger / Concepts / Contenu externe

À l’aide de la fonction "Contenu externe", vous pouvez remplacer l’image de la Lightbox par quelque chose :

  1. IFRAME : une vidéo YouTube ou Vimeo
  2. Lien : une autre page Web
  3. Code HTML : tout contenu HTML

Entrez le code HTML ou le code intégré ou le lien en mode Editer → panneau Externe :

tiger-external-code.jpg

Le skin va essayer de déterminer les dimensions nécessaires (à partir des paramètres hauteur="" et largeur=""), mais vous pouvez également fournir vos dimensions préférées via la "Taille Boîte".


1. Vidéo YouTube ou n'importe quel IFRAME intégré

Sur YouTube, cliquez sur le bouton "Partager" situé sous la vidéo, puis choisissez "Intégrer". Configurez les options. Copier/Coller le

<iframe width="" ... </iframe>

code dans la case "Contenu externe" mentionnée ci-dessus.

tiger-external-youtube.jpg


2. Une page web

Ajouter un lien (URL) vers une page Web pour être intégré, par exemple :

http://jalbum.net

N'oubliez pas de commencer par http:// ou https:// pour être reconnu en tant que lien.

tiger-external-website.jpg


3. Contenu HTML

Ajoutez n'importe quel code HTML. Cela remplacera l'image d'origine. Vous pouvez également utiliser les variables jAlbum. Vous pouvez toujours inclure l'image avec le code suivant :

<img src="${closeupPath}">

L'exemple utilise le code suivant :

<div class="row">
<div class="large-9 columns">
<h1>Testing external content</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. …</p>
</div>
<div class="large-3 columns"><img src="${resPath}/Lazarajz.jpg"></div>
</div>
tiger-external-content.jpg