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

fisting porn

Tags

Last articles

ExpressJS Server... utf8 : substr ou mb_substr... Accélérer la fermeture de Wi... Application mobile Dadabovic... firstElementChild / firstChi... Cube 3D avec images - Paperv... Premiers pas en Objective-C... Utiliser l'opacité d'un masq... Perspectives d'emploi encour... position:absolute with ie6 d...

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