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

Send array from Flash / As3 ... Cube 3D avec images - Paperv... Effacer un dossier : Message... position:absolute with ie6 d... Scythe Mugen 2 Cooler test... Node.js Introduction et Inst... Comment corriger une erreur ... Genymotion: Tester vos appli... Modifier la page d'erreur 40... Activer le débogage USB sur ...

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