Featured Posts

Oltre 100 effetti di animazione con JqueryOltre 100 effetti di animazione con Jquery Ecco una lista dei maggiori plugin jquery relativi ad effetti ed animazioni. In totale sono 114, tutti diversi e degni di essere almeno visualizzati. Step Carousel Viewer 3D Image Carousel Agile...

Read more

Quasi 50 menu in jqueryQuasi 50 menu in jquery Un nuovo elenco utile a tutti i  webmaster. E' la volta dei menu, di tutti i tipi...con jquery ovviamente. 123Tree Accordion Accordion Content/ Menu script Animated Outline Menu AqMenu BDC...

Read more

10 dei migliori plugin jQuery10 dei migliori plugin jQuery var uri = 'http://impit.tradedoubler.com/imp?type(img)g(17411600)a(2212560)' + new String (Math.random()).substring (2, 11); document.write(''); Eccovi 10 dei migliori plugIn realizzati per jQuery LightBox Demo...

Read more

Versione orizzontale di “JqNews” – plugin di Jquery

Posted by admin | Posted in Script | Posted on 18-12-2008

Tag:, , , , , ,

2

Come promesso, ecco la nuova release per il nostro plugin “JqNews”. Questa versione (la 1.2.0) permette di far visualizzare le proprie news con scorrimento orizzontale. Come per la versione verticale , questa release è completamente versatile e personalizzabile cosi da soddisfare la maggior marte dei webmaster. Infatti si può decidere di personalizzare: il numero di news da mostrare, la velocità di rotazione, i colori, etc.


Funziona con libreria jquery compressa jquery-1.2.6.min.js e non compressa: jquery-1.2.6.js.

Specifiche
Il file jqNewsOrizzontal.js contiene le seguenti variabili:

  • newsVisual: numero di news da visualizzare.
  • intervallo: tempo di attesa per la visualizzazione della news successiva.
  • altezzaDiv: dimensione dei div che contengono le news, le stesse contenute in (css/jqnewsoriz.css).
  • margineDiv: dimensione dei margini dei div, le stesse contenute in (css/jqnewsoriz.css).

Semplicissima implementazione
Per richiamare il plugin bisogna assegnare al div contenitore l’ID “jqnews” ed inserire ogni news in un div.

HTML
<div id=”jqnews“>
<div>news 1</div>
<div>news 2</div>

<div>Ultima news</div>
</div>

Browser supportati:
Lo script è stato testato sui seguenti browser:

  • Firefox 2.X – 3.X
  • Chrome 0.4.X
  • Internet Explorer 6.X  – 7.X
  • Opera 9.X
  • Safari 3.X

Come accennato anche nel precedente articolo sarà a breve pubblicata la release completa, che permetterà di utilizzare 2 newsticket nella stessa pagina, uno a scorrimento verticale e l’altro a scorrimento orizzontale, ed il tutto grazie ad un unico file js. Vi invitiamo a postare i vostri commenti o almeno a farci conoscere la vostra opinione al riguardo agli indirizzi di Renatomagico e Shad.

Demo online: demo.
Download dei file: download (84,5Kb)

Comments (2)

Both plugin work very well. are very simple to use and are customizable. Good work …

Thanks! Very nice and simple!

Write a comment