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

Jqnews V2.0 – orizzontale e verticale insieme

Posted by admin | Posted in Script | Posted on 23-01-2009

Tag:, , , , , ,

0

Siamo quasi arrivati alla fine del percorso del nostro primo plugin: “Jqnews“. Come detto nei precedenti articoli, oggi pubblichiamo la versione quasi finale. Essa, permette di utilizzare contemporaneamente slider di news orizzontali e verticali nella stessa pagina, ed il tutto sempre nel suo stile semplice e pulito.

Nei precedenti articoli è stata data la possibilità di scaricare i singoli file javascript per far funzionare il jqnews desiderato. Con l’ultima versione del plugin invece, sarà possibile decidere se utilizzare solo la versione verticale, solo la versione orizzontale o entrambe contemporaneamente.

Fattore ancora più importante, la personalizzazione è stata resa più ampia. Inoltre, se si decide di utilizzare le due versioni in contemporanea, sarà comunque possibile personalizzare entrambe a proprio piacimento senza che abbiano problemi tra loro.

Ecco come utilizzare la nuova release:

Se vogliamo utilizzare solo la versione verticale:

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

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

Se invece vogliamo utilizzare solo la versione orizzontale:

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

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

Se invece vogliamo utilizzare entrambe contemporaneamente:

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

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

<div id=”jqnewsOriz“>
<div>news 1</div>
<div>news 2</div>

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

Il risultato? Guardate la demo.
Le versioni presentano alcune differenze, in particolar modo il tempo di rotazione delle news. Questo è solo una delle tante personalizzazioni disponibili con questo script.

Anche questa versione è compatibile con libreria jquery compressa jquery-1.2.6.min.js e non compressa: jquery-1.2.6.js.

Download: Jqnews V2.0 (89,2Kb)

Write a comment