Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.11.2013, 16:10
Интересующийся
Отправить личное сообщение для Dimasick Посмотреть профиль Найти все сообщения от Dimasick
 
Регистрация: 15.04.2011
Сообщений: 26

неадекватная карусель
Вот на этой прооостенькой страничке 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 все работает с первого раза).

Подскажите, в чем проблема?
karusel.zip - здесь все файлы этой веб-странички (0,1 Мб)
Ответить с цитированием
  #2 (permalink)  
Старый 07.11.2013, 22:52
Аватар для LittlePony
Кандидат Javascript-наук
Отправить личное сообщение для LittlePony Посмотреть профиль Найти все сообщения от LittlePony
 
Регистрация: 19.08.2012
Сообщений: 100

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

Карусель, кстати, вполне адекватная. Она вычисляет размеры элементов в момент выполнения скрипта, то есть, в момент создания DOM. Но, к сожалению, в этот момент ещё не загружены сами файлы картинок, и по ним нельзя определить размеры. А так как в css размеры не указаны, то и получаются они нулевыми.
Ответить с цитированием
  #3 (permalink)  
Старый 08.11.2013, 00:09
Интересующийся
Отправить личное сообщение для Dimasick Посмотреть профиль Найти все сообщения от Dimasick
 
Регистрация: 15.04.2011
Сообщений: 26

СПАСИБО!!!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите найти нужную карусель. prowoke Общие вопросы Javascript 7 21.07.2011 22:28
Глючит карусель jcarousel Pekkonen Элементы интерфейса 1 24.12.2010 02:43
Карусель на jquery BoB jQuery 0 28.11.2010 20:14
3D карусель на jquery viki jQuery 1 18.05.2010 17:27
Подскажите карусель, которая работает без какого либо фреймворка Khmelevsky Библиотеки/Тулкиты/Фреймворки 2 25.04.2010 12:45