Форум

Daulat · #1 (**permalink**) 28.12.2013, 19:29

При нажатии на кнопку следующий надо сменит картинку

----------------------[html]-----------------------------------
<div id="headerPhoto">
<img src="images/photos01.jpg" width="100%"/>
</div>
<div id="next01">
<a href="#"> следующий </a></div>
<div id="small" >

<a href="images/photos02.jpg"><img src="upload/p01.jpg" width="96" height="64" /></a>
<a href="images/photos01.jpg"><img src="upload/p02.jpg" width="96" height="64" /></a>
<a href="images/photos01.jpg"><img src="upload/p03.jpg" width="96" height="64" /></a>

</div>
-----------------------------------------------------------------------------

-------------------------------[script]---------------------------------------

$('#small a').click(function(eventObject){
$('#headerPhoto img').hide(1).attr('src',$(this).attr('href'));
$('#headerPhoto img').load(function(){
$(this).fadeIn(2000);
});

eventObject.preventDefault();

$('#next01').click() ????????? а дальше не знаю помогитее плииииииз

});

-----------------------------------------------------------------------------

Vlasenko Fedor · #2 (**permalink**) 29.12.2013, 01:37

function next(items) {
    var max = items.length - 1,
        i = -1;
    return function () {
        i = i < max ? i + 1 : 0;
        return items[i];
    };
}

var imagName = next(['p01', 'p02', 'p03']);
alert('upload/' + imagName() + '.jpg');
alert('upload/' + imagName() + '.jpg');
alert('upload/' + imagName() + '.jpg');
alert('upload/' + imagName() + '.jpg');

Daulat · #3 (**permalink**) 29.12.2013, 12:54

не понял ((((((((((

рони · #4 (**permalink**) 29.12.2013, 21:49

Poznakomlus, вариант...

function next(items) {
    var max = items.length,
        i = 0;
    return function () {
        return items[i++ % max];
    };
}

var imagName = next(['p01', 'p02', 'p03']);
alert('upload/' + imagName() + '.jpg');
alert('upload/' + imagName() + '.jpg');
alert('upload/' + imagName() + '.jpg');
alert('upload/' + imagName() + '.jpg');

Vlasenko Fedor · #5 (**permalink**) 30.12.2013, 12:37

Сообщение от рони

Poznakomlus, вариант...

Не совсем хорош. Значение i увеличивается и не сбрасывается, что может привести к ошибке при достижении максимума в некоторых задачах

рони · #6 (**permalink**) 30.12.2013, 14:08

Сообщение от Poznakomlus

i увеличивается и не сбрасывается

вариант...

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
</head>

<body>
<script>
 function next(items) {
    var max = items.length,
        i = -1;
    return function () {
        i++;
        i %= max;
        return items[i];
    };
}

var imagName = next(['p01', 'p02', 'p03']);
alert('upload/' + imagName() + '.jpg');
alert('upload/' + imagName() + '.jpg');
alert('upload/' + imagName() + '.jpg');
alert('upload/' + imagName() + '.jpg');

</script>
</body>

</html>

Форум

Справочник

Discord чат

Курсы javascript