|
Renato
4 novembre 2007 20:58
|
Inserire news scorrevoli
Dipende dallo script. Generalmente questi script prendono dei tag html della pagina e li rendono scorrevoli.
Inserisci lo script nel modello in cui vuoi le news scorrevoli e scrivi dei cicli in modo da creare i tag html di cui lo script ha bisogno.
Di più è difficile dire, dal momento che non so quale script vuoi usare.
Poiché con SPIP trovi già installate le librerie jQuery, potresti usare
questo script.
Le news dovranno essere tutte contenute in un tag <ul>
Quindi potresti scrivere un ciclo del genere
<B_news>
<ul id="news_scorrevoli">
<BOUCLE_news(ARTICLES){id_rubrique=2}>
<li>#TITRE</li>
</BOUCLE_news>
</ul>
</B_news>
Devi inserire all’interno del tag <head> del tuo modello
#INSERT_HEAD che aggiungerà la libreria jQuery alla tua pagina e subito dopo
<script src="#CHEMIN{jquery.li-scroller.1.0.js}" type="text/javascript">
<script type="text/javascript">
jQuery(function(){
jQuery("#news_scorrevoli").liScroll();
})
</script>
che servono invece per caricare lo script per rendere le news scorrevoli e farlo partire. L’uso di #CHEMIN{...}, indica a SPIP di andare a cercare lo script jquery.li-scroller.1.0.js nelle cartelle in cui possono trovarsi i modelli, ovvero nella root, in /squelettes, in /dist, nelle cartelle dei plugin etc etc
Quando hai finito, se provi a dare un’occhiata a quello che hai scritto, ti renderai conto che hai scritto tutto in maniera molto simile ad una normale pagina html.
Buon divertimento :)
|
|
Luigi
5 novembre 2007 19:36
|
Non funziona...
grazie mille, innanzitutto..
ho seguito le tue indicazioni, ma purtroppo non mi funziona.
puoi dare un’occhiata : www.colonnarotta.it/index.php
quale può essere il problema ?
mi compaiono solo le news della rubrica, senza l’effetto scrolling..
grazie ancora
|
|
Renato
5 novembre 2007 20:08
|
Inserire news scorrevoli
La pagina ha degli errori. Credo tu abbia inserito 2 volte #INSERT_HEAD. Controlla anche nei file inclusi, quelli richiamati con .
Quando avrai eliminato tutti gli errori dovrebbe andare.
Ciao
|
|
Luigi
5 novembre 2007 21:47
|
Inserire news scorrevoli
ho provato anche questa soluzione..
ma non si risolve nulla..
|
|
Renato
5 novembre 2007 22:04
|
Inserire news scorrevoli
ah, credo di aver capito, hai una versione di SPIP un po’ datata che non include jQuery.
Allora o scarichi jQuery e scrivi
<script type="text/javascript" src="#CHEMIN{il_nome_del_file_jquery}"></script>
subito dopo il tuo tag <head>
oppure devi utilizzare un altro script
|
|
Luigi
5 novembre 2007 22:12
|
Inserire news scorrevoli
ho installato spip 1.9.1.. se non sbaglio la nuova versione è 1.9.2.. credi abbia bisogno di aggiornarla ? dico in generale,oltre che per questo problema..intanto provo anche a scaricare lo script..
|
|
Luigi
5 novembre 2007 22:56
|
Inserire news scorrevoli
bene..
sono passato alla versione spip 1.9.2c ...
il problema è sempre lo stesso :)
|
|
Renato
6 novembre 2007 00:49
|
Inserire news scorrevoli
Ok, ora va molto meglio. Rimane da correggere un ultimo errore, colpa mia :)
<script src="#CHEMIN{jquery.li-scroller.1.0.js}" type="text/javascript"></script>
Avevo dimenticato di scrivere </script>
Dai che ci siamo :)
|
|
6 novembre 2007 15:59
|
Inserire news scorrevoli
ormai le sto provando tutte :)
.. il risultato purtroppo è sempre lo stesso.. e non riesco a capire il problema. ho fatto diversi tentativi, anche aggiungere direttamente il richiamo allo script nell’inc-head.. niente :-(
|
|
Renato
6 novembre 2007 16:19
|
Inserire news scorrevoli
Ho notato che questa volta hai eliminato lo script jquery.li-scroller.1.0.js
Perciò non ti funziona.
<script type=""text/javascript" src="#CHEMIN{jquery.li-scroller.1.0.js}"></script>
Da inserire dopo #INSERT_HEAD ma prima di
<script type="text/javascript">
jQuery(function(){
jQuery("#news_scorrevoli").liScroll();
})
</script>
Ricordati di salvare il file jquery.li-scroller.1.0.js in squelettes
|
|
6 novembre 2007 16:41
|
Inserire news scorrevoli
non trovando nella cartella di Spip (dist/javascript) il file in questione l’ho scaricato da qui http://jquery.com/plugins/project/j...
inserito in squelettes... ma indovina ?
:))
senza parole..
scusa per tutto il disturbo che ti sto dando.. ma non riesco a capire dove sbaglio.
prima non vedevi lo script perchè stavo facendo delle prove..
|
|
Renato
6 novembre 2007 17:04
|
Inserire news scorrevoli
Bhe, ora hai inserito uno script diverso da quello che ti avevo indicato io (http://jquery.com/plugins/project/l...)
|
|
Luigi
6 novembre 2007 17:26
|
Inserire news scorrevoli
ok.. ora lo provo..
però vedendo nella dimostrazione online lo script genera uno scrolling orizzontale, da destra verso sinistra.
io avrei bisogno,invece, di uno scrolling orizzontale,
preferibilmente con news che scorrono dal basso verso l’alto (o viceversa).
c’è qualcosa che posso utilizzare ?
grazie ancora..
nn so chi ti da tanta pazienza :)))
|
|
7 janvier 2008 10:33
|
Inserire news scorrevoli
Ciao Luigi, hovisto il sitoche stai realizzando e davvero bello..... mi potresti conttattare....
|
|
davide
3 mars 2008 16:29
|
Inserire news scorrevoli
Salve a tutti !!
dovrei inserire news in dissolvenza, ho creato uno script e su IE si vede ma su mozilla mi da problemi di visualizzazione, come posso fare :
<script type="text/javascript" language="JavaScript">
<!--
var scroller_width='220px';
var scroller_height='100px';
var bgcolor='#447EBE';
var border_color='#447EBE';
var pause=5000;
var i=0;
var scrollercontent=new Array()
<BOUCLE_rullo(ARTICLES){id_rubrique=28}{par date}{inverse}>
scrollercontent[i]='<a href="#URL_ARTICLE" class="testo_white">[(#DATE|affdate)]</a><br><a href="#URL_ARTICLE" class="testo_white"><b>#TITRE</b></a><br><a href="#URL_ARTICLE" class="testo_white">[(#TEXTE|couper{95})]</a><br><a href="#URL_ARTICLE"" class="testoc" align="right"><img src="#CHEMIN{img/freccia.jpg}" border="0"> Dettaglio</a>'
i++;
</BOUCLE_rullo>
var ie4=document.all
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1
if (ie4||dom){
document.write('<div align="left" style="position:relative;width:'+scroller_width+';height:'+scroller_height+';overflow:hidden; border: 1px '+border_color+'; border-style: solid;"><div class="tabella" id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div class="tabella" id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div>')
} else if(document.layers){
document.write('<ilayer id=tickernsmain visibility=hide width='+scroller_width+' height='+scroller_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+scroller_width+' height='+scroller_height+' left=0 top=0>'+scrollercontent[0]+'</layer></ilayer>')
}
var curpos=scroller_height*(1)
var degree=10
var curcanvas="canvas0"
var curindex=0
var nextindex=1
function moveslide(){
if (curpos>0){
curpos=Math.max(curpos-degree,0)
tempobj.style.top=curpos+"px"
}
else{
clearInterval(dropslide)
if (crossobj.filters)
crossobj.filters.alpha.opacity=100
crossobj.style.Mozopacity=1
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML=scrollercontent[curindex]
nextindex=(nextindex<scrollercontent.length-1)? nextindex+1 : 0
setTimeout("rotateslide()",pause)
}
}
function rotateslide(){
if (ie4||dom){
resetit(curcanvas)
crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
if (crossobj.filters)
document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20
else if (crossobj.style.Mozopacity)
document.getElementById("canvas0").style.Mozopacity=document.getElementById("canvas1").style.Mozopacity=0.2
var temp='setInterval("moveslide()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else if (document.layers){
crossobj.document.write(scrollercontent[curindex])
crossobj.document.close()
}
curindex=(curindex<scrollercontent.length-1)? curindex+1 : 0
}
function resetit(what){
curpos=parseInt(scroller_height)*(1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.top=curpos+"px"
}
function startit(){
crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub
if (ie4||dom){
crossobj.innerHTML=scrollercontent[curindex]
rotateslide()
}
else{
document.tickernsmain.visibility='show'
curindex++
setInterval("rotateslide()",pause)
}
}
if (ie4||dom||document.layers)
window.onload=startit
//-->
</script>
|
SPIP, système de publication pour l’internet
Répondre à la question