Mediabox CK est un plugin Joomla permet d'afficher des images, des vidéos, des animations flash, des médias de Facebook, Twitter, Youtube, Daylymotion ou des pages PHP dans une fenêtre lightbox. On peut y ajouter des titres et descriptions et créer des galeries d'images. Le script est basé sur mediaboxadvanced de John Einselen .
Utilisation de Mediabox CK
Pour créer un popup sur un texte ou une image, il faut lui ajouter un lien en cliquant sur 'Ajouter un lien' dans votre éditeur. Dans l'onglet 'Avancé', renseigner la ligne 'Relation Contenu - Cible', et mettre la valeur 'Lightbox' :
Pour créer un album ou ajouter des paramètres personnalisés, il faut basculer l'éditeur en mode HTML et insérer le code manuellement en ajoutant 'rel="lightbox[album1]" ' par exemple sur un lien <a> .
Tutoriel vidéo de démonstration (avec l'éditeur JCE) :
Si vous avez du mal à ajouter l'attribut rel="lightbox" sur les liens qui mènent à vos médias, vous pouvez choisir d'utiliser Mediaboxtag_CK qui permet d'insérer les liens grâce au tag {mediabox} dans vos articles.
Il faut installer et publier le plugin, il faut également installer et utiliser le plugin Mediabox_CK pour que ça fonctionne.
Dans vos articles vous pouvez donc insérer une médiabox de la manière suivante :
Lien simple :
{mediabox src=http://www.google.fr}Le lien vers le popup ici{/mediabox}
Lien vers une image :
{mediabox src=images/joomla_logo_black.jpg}Le lien vers une image{/mediabox}
Image avec titre (on peut inclure du html dans le titre)
Code à mettre dans le titre du lien
Baseball::Wallpaper from <a href="http://g1wallz.com/" title="Wallpapers android" target="_blank">G1Wallz.com</a>
Galerie d'images
Code à insérer dans l'aricle, il faut définir un nom d'album à ajouter à toutes les images qui en font partie
<atitle="Flying tree::Image 1 of 3 in the album1"rel="lightbox[album1]"href="images/stories/images/1_1219372692394.jpg"><imgalt="1_1219372692394"src="images/stories/images/1_1219372692394.jpg"height="150"width="200"/></a>
Média twitter
On peut insérer des sons, des vidéos et images hébergés sur des sites sociaux liés à twitter (démos de John Einselen, groupées dans un album [twitter] ) :
<ahref="http://www.gametrailers.com/video/e3-09-assassins-creed/50139"rel="lightbox[social]"title="gametrailers.com/video/">GameTrailers.com video »</a>
<ahref="http://www.youtube.com/view_play_list?p=63F0C78739B09958"rel="lightbox[social]"title="www.youtube.com playlist::hover over the window to see everything in the play queue">YouTube Playlist »</a>
http://www.joomlack.fr n'est ni affilié à Open Source Matters ou au projet Joomla ni approuvé par eux. Le nom Joomla!® est utilisé sous license limitée de Open Source Matters, le propriétaire mondial de la marque de commerce.
Retrouvez des tutoriels Joomlack pour vous aider à configurer et et personnaliser votre site Joomla.
Maximenu CK
Slideshow CK
Accordeon Menu CK
Template Creator CK
{/mediabox}
