Preparare il nostro tema a supportare jQuery
Profilo Autore: Defkon1
Ingegnere informatico da anni impegnato nella comunitą opensource.
Al momento č Webmaster del portale XoopsItalia.
Al momento č Webmaster del portale XoopsItalia.
2. Preparare il nostro tema a supportare jQuery
Scaricate l'ultima versione del framework dal sito ufficiale (al momento in cui scrivo č la 1.2.6).
Dal blog di Jeremy Martin scaricate il plugin Kwicks (versione packed, ultima disponbile 1.5.1)
Nella directory principale del vostro sito create una nuova cartella e chiamatela js. Caricate i due file scaricati in questa cartella.
Aprite il vostro file theme.html e all'interno del blocco HEAD inserite le seguenti linee di codice:
Le prime due linee servono per includere nel tema i due file Javascript che avete scaricato. Se avete scaricato versioni diverse da quelle utilizzate da me, i nomi dei file .js potrebbero cambiare.
La seconda dichiarazione invece serve, una volta che il documento sia stato caricato, a lanciare lo script che darą vita al nostro Kwicks, passandogli opportuni parametri. Nel nostro esempio ho utilizzato immagini di 350px di larghezza, separate tra loro da uno spazio vuoto di 5 px.
Come ultimo passo č necessario sostituire il file www.vostrosito.it/include/xoops.js standard, con questo (fatene un backup prima di sovrascriverlo). Questo č necessario per evitare conflitti tra alcune funzioni omonime definite da entrambe le librerie.
Scaricate l'ultima versione del framework dal sito ufficiale (al momento in cui scrivo č la 1.2.6).
Dal blog di Jeremy Martin scaricate il plugin Kwicks (versione packed, ultima disponbile 1.5.1)
Nella directory principale del vostro sito create una nuova cartella e chiamatela js. Caricate i due file scaricati in questa cartella.
Aprite il vostro file theme.html e all'interno del blocco HEAD inserite le seguenti linee di codice:
<script language="javascript" type="text/javascript" src="<{$xoops_url}>/js/jquery-1.2.6.min.js"></script>
<script language="javascript" type="text/javascript" src="<{$xoops_url}>/js/jquery.kwicks-1.5.1.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.kwicks').kwicks({
max : 350,
spacing : 5
});
});
</script>
Le prime due linee servono per includere nel tema i due file Javascript che avete scaricato. Se avete scaricato versioni diverse da quelle utilizzate da me, i nomi dei file .js potrebbero cambiare.
La seconda dichiarazione invece serve, una volta che il documento sia stato caricato, a lanciare lo script che darą vita al nostro Kwicks, passandogli opportuni parametri. Nel nostro esempio ho utilizzato immagini di 350px di larghezza, separate tra loro da uno spazio vuoto di 5 px.
Come ultimo passo č necessario sostituire il file www.vostrosito.it/include/xoops.js standard, con questo (fatene un backup prima di sovrascriverlo). Questo č necessario per evitare conflitti tra alcune funzioni omonime definite da entrambe le librerie.
Sottotitoli
Pagine:
post