Ho disegnato uno slider per farvi capire cosa vorrei creare per il mio sito web.
Questo slider dovrebbe avere due caratteristiche fondamentali:
- Essere responsive;
- Deve poter immagazzinare parecchi articoli ( quantitativo sempre vario perchè si riempiranno dinamicamente tramite rss )
- dove possibilmente iniziare uno scroll automatico temporizzato, poi se uno vuole andare avanti lo fa cliccando sulle freccette.
Ho trovato questo codice in rete.. ma il risultato è verticale, e non supporta quella caratteristica responsive di cui parlavo pocanzi ed è verticale sopratutto...
Qualche idea su come partire??
Ecco uno schema di come vorrei che fosse:
Questo slider dovrebbe avere due caratteristiche fondamentali:
- Essere responsive;
- Deve poter immagazzinare parecchi articoli ( quantitativo sempre vario perchè si riempiranno dinamicamente tramite rss )
- dove possibilmente iniziare uno scroll automatico temporizzato, poi se uno vuole andare avanti lo fa cliccando sulle freccette.
Ho trovato questo codice in rete.. ma il risultato è verticale, e non supporta quella caratteristica responsive di cui parlavo pocanzi ed è verticale sopratutto...
Codice:
$(function()
{
var ticker = function()
{
setTimeout(function(){
$('#ticker li:first').animate( {marginTop: '-120px'}, 800, function()
{
$(this).detach().appendTo('ul#ticker').removeAttr('style');
});
ticker();
}, 4000);
};
ticker();
});
Qualche idea su come partire??
Ecco uno schema di come vorrei che fosse: