Ciao. Premetto, quando posti del codice sul forum dovresti fare la gentilezza di usare gli appositi tag di formattazione (vedi info utili nel regolamento interno). Grazie.
Il problema dipende dalla larghezza dell'elemento ul.
Sul foglio di stile livello-3.css per la classe .slider è impostato width: 1920px;
Chiaramente è impostato per contenere quattro elementi (li) con una larghezza di 480px l'uno.codice:.slider { position: absolute; top: 0; left: 0; height: 320px; width: 1920px; }
Il quinto elemento non può essere contenuto in quella larghezza, per cui salterà sotto e non si vedrà nello slider.
Puoi risolvere semplicemente impostando quella larghezza per quello che serve a te. Puoi farlo sul file css esterno o, nel caso, direttamente nel codice html con un css in linea sull'elemento .slider:
Per una soluzione più ottimale si potrebbe pensare di impostare tale dimensione sul JavaScript, in modo che calcoli in automatico il valore che serve effettivamente.codice:<ul class="slider" style="width:9999px">
Oppure puoi cercare uno slider più performante e facilmente gestibile.
In jQuery c'è ne sono veramente tanti, basta fare qualche ricerca su guggol.