неадекватная карусель
Вложений: 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 Мб) |
Вы забыли в стилях прописать:
.gallery li { height:140px; width: 140px; } Карусель, кстати, вполне адекватная. Она вычисляет размеры элементов в момент выполнения скрипта, то есть, в момент создания DOM. Но, к сожалению, в этот момент ещё не загружены сами файлы картинок, и по ним нельзя определить размеры. А так как в css размеры не указаны, то и получаются они нулевыми. |
СПАСИБО!!! :victory:
|
Часовой пояс GMT +3, время: 22:13. |