Esempio qui
Compatibilità: 
- 
- 
Script utilizzato per far "ruotare" dei testi; spesso usato a lato pagina per far "ruotare" delle news.
Specifiche di progetto:
- Prima di includere il plugin, va inclusa la libreria Jquery, scaricabile qui.
Prima di tutte va inclusa la libreria e poi il plugin, invertendo la chiamata ai due '.js', non funziona il tutto - Il codice dovrà essere organizzato come segue:
- DIV padre
- N DIV figli
- E' sconsigliato apportare dei padding sui div figli o padre; è preferibile inserire eventuali stile su un altro elemento esterno
Parametri passabiti al Plugin:
- size (numero di pixel esplicitando la parola 'px' --> '300px' )
- timeout(tempo di attesa tra lo scroll di un figlio e l'altro; numero intero)
- speed (velocità di spostamento delle news -->'fast'/'medium'/'slow')
- direction (direzione spostamento --> 'up'/'down')
- onmouseover (stop in caso di onmouseover --> 'stop' /'continue')
ESEMPIO DI CODICE HTML:
<div id ='generale'>
<div id ='figlio_uno'> CODICE HTML </div>
<div id ='figlio_due'> CODICE HTML </div>
<div id ='figlio_tre'> CODICE HTML </div>
</div>
E' necessario che ci sia il tag padre(generale) e che i figli siano degli elementi 'div'.
Nel caso in cui vogliate scrollare solo delle immagini, le immagini dovranno avere stessa altezza altrimenti la parte in eccesso verrà resa invisibile.
ESEMPIO DI CHIAMATA:
$(document).ready(function(){
$("#generale").ScrollNews({
inizialize : 'true',
size : '130px',
timeout : 2500,
speed : 'fast',
direction : 'down',
onmouseover : 'stop'
});
});
Ecco i link per scaricare il plugin sia in forma estesa che in forma ridotta:
Versione 1.0
1 Responses to "Plugin Jquery: ScrollNews"
-
Hi! Great plugin! You should translate everything in english! Thanks!
You're right!! As soon as possible i try to implement the "multilanguage" on my site!!
