geek space web solutions
Utiliser la Squeezebox de Joomla

Utiliser la Squeezebox de Joomla

Tuesday, 18 May 2010 22:06
There are no translations available.

squeezebox joomla
Vous connaissez certainement les lightbox, lytebox, shadowbox, etc. Joomla utilise squeezebox. Vous pouvez l'utiliser facilement sur vos pages.


1ère étape :
Il faut biensûr que le javascript permettant d'utiliser le squeezebox soit appelé. Pour cela insérez le code ci-dessous dans votre template :
JHTML::_('behavior.modal');
Il générera automatiquement le code ci-dessous : 
<link rel="stylesheet" href="/media/system/css/modal.css" type="text/css" />
<script type="text/javascript" src="/media/system/js/modal.js"></script>
<script type="text/javascript"> 
   window.addEvent('domready', function() {
 
       SqueezeBox.initialize({});
 
       $$('a.modal').each(function(el) {
           el.addEvent('click', function(e) {
               new Event(e).stop();
               SqueezeBox.fromElement(el);
           });
       });
   });
</script>
J'ai remarqué qu'en insérant directement le codé ci-dessus dans le template, la squeezebox ne s'ouvrait pas sur les pages de recherche ou de login (frontoffice de joomla)... C'est parce que sur ces pages le javascript mootools.js n'est pas appelé... En insérant le simple code JHTML::_('behavior.modal'); dans l'index.php du template, ce problème est résolu, Joomla insérera automatiquement le javascript mootools.js nécessaire à son fonctionnement.

2ème étape :
Utilisez le code ci-dessous dans votre template ou dans vos articles pour ouvrir une fenêtre squeezebox :
<a rel="{handler: 'iframe', size: {x: width, y: height}}" href="/address" class="modal">link name</a>
Retirer Mootools du Front office   Activer le mode galerie de Shadowbox du Plugin Modalizer
 

Add comment


Security code
Refresh

Sections

Search


Tags

Last articles

Identical Icons in component... firstElementChild / firstChi... Gérer les polices avec la bi... Bug Gestion des balises META... MassLoader et LoaderMax - Gé... Node.js Introduction et Inst... Soumission d’une Application... Premiers pas en Objective-C... Module Fade Rotator pour Joo... Afficher un Plane Papervisio...

Sondages

Do you think HTML5 can completely replace Flash ?
 
Would you be interested in an online XML editor ?
 

Paypal

paypal

Code du plugin Joomla AutoSEO 1.2 par www.geek-space.fr