Come creare questo slider?

otto9due

Utente Attivo
22 Feb 2014
591
25
28
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...


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:
slider.jpg
 

Discussioni simili