al seguente indirizzo ho inserito un codice js per realizzare una semplicissima slide di foto scorrrevoli. (http://www.pallavicini.com/abitazioni.html)
Il codice js utilizzato è il seguente
Io vorrei che al termine dello scorrimento, la freccia rossa sulla destra scompaia. Lo stesso discorso per la freccia rossa sulla sinistra all'inizio dello scorrimento. è possibile fare ciò tramite il codice?.. grazie a tutti per i suggerimenti
Il codice js utilizzato è il seguente
PHP:
$(document).ready(function() {
//Initialize
onMoving = false;
item = $('.list li');
itemReverse = item.get().reverse();
itemSize = item.size();
itemDisplayed = 6;
itemToSlide = itemDisplayed * 9;
currentSlide = 1;
page = Math.round(itemSize/itemDisplayed);
//Next button clicked
$('.next').click(function() {
if(onMoving || currentSlide >= 8) return false;
onMoving = true, currentSlide++;
$.each(item, function() {
var i = $(this).index();
var delay = i * 100;
window.setTimeout(function (index) {
return function () {
item.eq(index).stop().animate({ 'right' : '+='+itemToSlide+'em' }, function() {
if(index >= itemSize-1) onMoving = false;
});
};
} (i), delay);
});
});
//Previous button clicked
$('.prev').click(function() {
if(onMoving || currentSlide == 1) return false;
onMoving = true, currentSlide--;
$.each(itemReverse, function() {
var i = $(this).index();
var delay = i * 100;
window.setTimeout(function (index) {
return function () {
$(itemReverse).eq(index).stop().animate({ 'right' : '-='+itemToSlide+'em' }, function() {
if(index >= 0) onMoving = false;
});
};
} (i), delay);
});
});
});
Io vorrei che al termine dello scorrimento, la freccia rossa sulla destra scompaia. Lo stesso discorso per la freccia rossa sulla sinistra all'inizio dello scorrimento. è possibile fare ciò tramite il codice?.. grazie a tutti per i suggerimenti