Проблемы с загрузкой плагина jQuery Cycle - PullRequest
Новая
       26

Проблемы с загрузкой плагина jQuery Cycle

0 голосов
/ 08 февраля 2012

Я использую jQuery Cycle plugin для слайд-шоу изображений.На моей HTML-странице я создаю неупорядоченный список (ul) с именем класса list

<ul class="slide">
 <li>
   <img src="some_photo.png" />
 <li>
 <li>
   <img src="another_photo.png" />
 <li>
<ul>

На моей HTML-странице я загружаю два javascript-кода в раздел head: 

<head>
...
<script  type="text/javascript" src="/common/js/jquery.cycle.all.js"></script>
<script  type="text/javascript" src="/common/js/index.js"></script>

...
</head>

содержимое файла index.js: 

...
 $(function() {
    $('.slide').cycle({               
        fx:'fade', 
        speed: 500, 
        timeout: 3000,
        pager: '.list',
        activePagerClass: 'active',
        pagerAnchorBuilder:function(index, DOMelement){
          return '<li><a href="#"></a></li>'; 
        }
     });
...

Проблема, с которой я сталкиваюсь, заключается в том, что при открытии страницы я сначала вижу изображения, расположенные так, как если бы они находились внутри обычного ulтег (один поверх другого).Спустя всего несколько секунд кажется, что сценарий превращает их в слайд-шоу по желанию.Как я могу запустить функцию cycle до того, как страница загрузит эти изображения?

1 Ответ

0 голосов
/ 04 мая 2012

Можете ли вы изменить ul-li с div с тем же идентификатором. Затем вы должны изменить класс img: 

<img class="slide" ...

Наконец добавьте это в CSS: 

.slide {
    position: absolute;
    top: 0;
    left: 0;
}

С помощью этого метода изображения будут один позади других, а не один под другими, пока скрипт не будет загружен.

...