Почему не получается бесконечная прокрутка на js?

@gmelihov · Регистрация: 12.02.2013

Студворк — интернет-сервис помощи студентам

У меня полоса крутит до последней фотографии и останавливается, а как сделать чтобы она по клику прокручивала фотографии по кругу?

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
i=0;
ii=0;
 
 
$(function(){
$('#imgUp').click(function(){
$('#imgDown').css('display','block');
 
var cssTop = $('#blockFoto').css('top');
var cssTop =parseInt(cssTop);
 
col = $('.pfoto').length-7;
 
if(i != col){
cssTop = cssTop -125;i=i+1;}
else{cssTop =  null;}
 
if(ii==col){ii=0;}
 
 
$('#blockFoto').stop().animate({'top':cssTop+"px"},100);
 
 
 
});
 
$('#imgDown').click(function(){
$('#imgUp').css('display','block');
 
var cssTop = $('#blockFoto').css('top');
var cssTop =parseInt(cssTop);
 
col = $('.pfoto').length-7;
 
if(i==col){
if(ii != col){
cssTop = cssTop +125;ii=ii+1;}
else{cssTop =  null;i=0;}}
$('#blockFoto').animate({'top':cssTop+"px"},100);
 
});
});

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<div id="imgUp" style="margin-left:20%;height:35px;">
<img src='../lib/pimg/up.jpg' 
onmouseout="this.width='88'; this.height='34';this.style.marginLeft='0px';" 
onmouseover="this.width='98'; this.height='38';this.style.marginLeft='-5px';" >
</div>
                        
<div style="height:876px;width:160px;margin-left:11px; overflow:hidden;">
<div style="position:relative;top:0;" id="blockFoto"> 
<div>
<?
$dh = scandir("".$_SERVER['DOCUMENT_ROOT']."/lib/img/");
foreach ($dh as $file)
{
if ($file!='.' AND $file!='..'){
echo "
<div style=\"margin-left:6px;
border-radius: 5px 5px 5px 5px;
margin-top:10px;width:105px;height:105px;border:5px solid #c0c0c0;\" >
<a href=\"http://www.intpereezd.ru/otzyvy.html\"><img  src='/lib/img/$file' 
width=\"105\" height=\"105\" border='0' class=\"pfoto\"></a>
</div>";
}
}
?>
</div>
</div>
</div>
                        
<div id="imgDown" style="margin-top:10px;margin-left:20%;border:0px solid #fff;">
<img src="../lib/pimg/down.jpg" 
onmouseout="this.width='88'; this.height='34';this.style.marginLeft='0px';" 
onmouseover="this.width='98'; this.height='38';this.style.marginLeft='-5px';"/>
</div> 
                         
<!------------------------------ Конец прокрутки -->

Добавлено через 4 минуты
Например нажимаю на верхнюю кнопку крутится по кругу вверх, нажимаю на нижнюю кнопку крутится по кругу вниз.

@gmelihov · 31.08.2013, 19:53 **[ТС]**

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
i=0;
w=0;
 
 
$(function(){
    $('#imgUp').click(function(){
    $('#imgDown').css('display','block');
 
    var cssTop = $('#blockFoto').css('top');
    var cssTop =parseInt(cssTop);
 
    col = $('.pfoto').length-7;
    
    
    if(i != col){
                
            cssTop = cssTop - 125;
            i = i + 1;
            
            
    }
    
    //else{cssTop =  null;}
 
 
    if(w == col){
            //w=0;
            cssTop = cssTop -125;
            i = i - 1;  
    }
 
 
    $('#blockFoto').stop().animate({'top':cssTop+"px"},100);
 
    //alert(col);
    alert(i);
    alert(w);
 
    });

Мои мысли.
После того. Как в переменной col появляется последняя фотография, как сделать так чтобы начиналась прокрутка заново?

Новые блоги и статьи Все статьи Все блоги /
Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .
Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Программное заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .