Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   неадекватная карусель (https://javascript.ru/forum/jquery/42740-neadekvatnaya-karusel.html)

Dimasick 07.11.2013 16:10

неадекватная карусель
 
Вложений: 1
Вот на этой прооостенькой страничке http://textworks.pp.ua/index.php в файле index.php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html> 
<head>
<META HTTP-EQUIV="Content-Type" content="text/html; charset=windows-1251">
    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="js/pyramid.js"></script>
    <script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
    <script type="text/javascript" src="js/jcarousellite.js"></script>
</head>
<BODY> 
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<div ALIGN=CENTER>
<div class="gallery">
    <ul>
    <?php
         for($i=1;$i<=1000;$i++){
         	 $s=$i; while(strlen($s)<6) {$s='0'.$s;}
             $filename = 'imgs/'.$s.'.gif';
             if (file_exists($filename)) echo "<li><img src='".$filename."'/></li>";
	 }
    ?>
   </ul>                 
</div></div>
<script type="text/javascript">
jQuery(function(){
jQuery(".gallery").jCarouselLite({
		btnNext: ".next",
		btnPrev: ".prev",
		auto: 800,
        speed: 1000,
		visible: 6,
		mouseWheel: true
	});
});
</script>
</body>
</html>

должна происходить совсем простая подгрузка картинок для карусели (слайд-шоу), НО если захожу на страничку, то ничего не отображается, НО если при этом в адресной строке браузера нажать Enter (именно так, а не просто F5), то карусель начинает работать! Это наблюдается в Chrom-e, FireFox-e, IE-e (только в Opera все работает с первого раза).

Подскажите, в чем проблема?
Вложение 1991 - здесь все файлы этой веб-странички (0,1 Мб)

LittlePony 07.11.2013 22:52

Вы забыли в стилях прописать:
.gallery li {
    height:140px;
    width: 140px;
}

Карусель, кстати, вполне адекватная. Она вычисляет размеры элементов в момент выполнения скрипта, то есть, в момент создания DOM. Но, к сожалению, в этот момент ещё не загружены сами файлы картинок, и по ним нельзя определить размеры. А так как в css размеры не указаны, то и получаются они нулевыми.

Dimasick 08.11.2013 00:09

СПАСИБО!!! :victory:


Часовой пояс GMT +3, время: 22:13.