Funzione per slider - javascript, jquery, css, html

Fondamentalmente voglio fare un piccolo slider per il sito webche si caricherà dopo ogni caricamento di diapositive ma che non è il mio problema.Il problema è la funzione.Il funzionamento deve ottenere numeri di elementi (foto) nella galleria (div) ed eseguirli tante volte come numero di foto. Quindi, per esempio, se ho 3 foto sulle diapositive, funzionerà 3 volte, se 4 le 4 volte.

Questo è il mio codice jquery:

function slider() {
var div = 0;
var photos = $(‘.photo_gallery’).length;
/*
$(".portfolio_gallery > div").eq(div - 1).hide(1500);
$(".gallery_pages > img").eq(div - 1).attr("src", "../images/rotator.png");
$(".portfolio_gallery > div").eq(div).show(1500);
$(".gallery_pages > img").eq(div).attr("src", "../images/rotator.gif");
div + 1;
*/
if (div < photos) {
setTimeout(function () {
$(".portfolio_gallery > div").eq(div).show(1500);
$(".gallery_pages > img").eq(div).attr("src", "../images/rotator.gif");
}, 7000)
}
}

Non preoccuparti della sezione commentata, ma potrebbe essere utile se ne hai bisogno.

risposte:

Non re-inventare il cursore: hai JQuery, usa jCarousel.