Плагин jQuery Slides: слайд-изображение не видно, если присутствует только один слайд - PullRequest
Новая
       4

Плагин jQuery Slides: слайд-изображение не видно, если присутствует только один слайд

0 голосов
/ 28 июля 2011

Я работаю с Очень приятный плагин Nathan Searles .

У меня есть страница с несколькими динамическими экземплярами показа слайдов: http://hnoc.dreamhosters.com/dev/property_info.php?lot=22644

Когда на слайдере присутствует только одно изображение, оно не отображается. Первый слайдер по ссылке выше отображает эту проблему. При наличии нескольких изображений все они отображаются нормально: http://hnoc.dreamhosters.com/dev/property_info.php?lot=22622

Вот код для одиночного изображения по первой ссылке.

Это звонит в какие-нибудь колокола? У меня есть ошибка?

Любой совет, наиболее ценный! 

<div id="container1">
<div id="slides1">
<div class="slides_container">
<div class="slides_control">
<div class="slide" style="">
<a href="images/intermediate/I014N1013.jpg" rel="lightbox" title="Title: Plan of eight lots of ground with the buildings and improvements thereon...">
<img class="content" src="images/covers/C014N1013.jpg" alt="C014N1013.jpg"></a>
<div class="caption" style="bottom: 0px; ">Plan of eight lots of ground with the buildings and improvements thereon... </div>
</div> <!-- slide -->
</div> <!-- slides_control -->
</div> <!-- slides_container -->
<a href="#" class="prev"><img src="js/slides/img/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
<a href="#" class="next"><img src="js/slides/img/arrow-next.png" width="24" height="43" alt="Arrow Next"></a>   
</div> <!-- slides1 -->
<img src="js/slides/img/example-frame.png" width="739" height="341" alt="Frame" id="frame1">
</div>

Ответы [ 2 ]

1 голос
/ 09 августа 2011

Редактировать слайды.jquery.js 

// after the variable setting on and after line 29
var elem = $(this),
control = $('.slides_control',elem),
total = control.children().size(),
... snip ...
playInterval;

добавить 

if (total == 1){        
  $('.'+option.container,elem).css({display:'block'});          
  // disable prev/next imgs
  $('.'+option.prev+' img',elem).css({display:'none'});
  $('.'+option.next+' img',elem).css({display:'none'});
}

Это решает.

0 голосов
/ 28 ноября 2014

В этом коде проверки длины Slides.js отсутствует время скольжения.пожалуйста, просмотрите код как можно больше.

Добавьте if (this.data.total! = 1) в файле js ниже

if (! this.data.анимация && number! == this.data.current + 1) {

            **if (this.data.total != 1) {**

                if (next === -1) {
                    next = this.data.total - 1;
                }
                if (next === this.data.total) {
                    next = 0;
                }
              .............

            }
        **}**
    };
...