Показать сообщение отдельно
  #1 (permalink)  
Старый 10.02.2013, 10:07
Аспирант
Отправить личное сообщение для Iktash Посмотреть профиль Найти все сообщения от Iktash
 
Регистрация: 03.07.2012
Сообщений: 43

Как правильно прикрутить jcarousellite.js ?
Пытаюсь поставить галлерею jcarousellite.js . Делаю следующее:
js:
jQuery(function(){
jQuery(".gallery").jCarouselLite({
                visible: 6,
		btnNext: ".next",
		btnPrev: ".prev",
                auto: 3000,
	        speed: 1200
	});
});

php:
Код:
<div class="gallery">
	<ul>
<?php
include_once('sql.php');
$query = "SELECT * FROM banks";
$nme = mysql_query($query);
    // Если запрос вернул результат - производим дальнейшую обработку
    if(mysql_num_rows($nme) > 0)
    {
$x = 0;
while ($x < mysql_num_rows($nme)) :
$img = mysql_result($nme, $x, 'img');
$link_bank = mysql_result($nme, $x, 'link');
echo "<li><a href='".$link_bank."'><img class='tape' src='img/banks/".$img."' /></a></li>";
$x++;
endwhile;
}

?>
	</ul>					
</div>
<div class="prev"></div>				
<div class="next"></div>
css:
Код:
.gallery li{
  text-align: center;
}
.prev {
  background: url("../img/banks/left_arrow.png") no-repeat scroll 0 0 transparent;
  height: 51px;
  width: 29px;
  position: relative;
  top: -95px;
  left: -50px;
}
.next {
  background: url("../img/banks/right_arrow.png") no-repeat scroll 0 0 transparent;
  height: 51px;
  left: 1590px;
  position: relative;
  top: -147px;
  width: 29px;
}
В итоге в ff и опере все работает как надо. В хроме галерея то появляется, то пропадает. Притом высота списка в хроме становится по непонятной причине 0px. Вот собственно сам сайтик, который я пытаюсь сделать: http://koreysha.convex.ru/sambankir/
До этого у меня без проблем получалось установить эту галлерею и все работало(есть рабочие примеры). Я разницы не вижу, но другой работает, а этот нет. Очень прошу помочь мне разобраться, а то я уже мозг сломал или хотя бы подсказать куда смотреть.
PS Саму галлерею я находил как минимум в 2х вариантах jcarousel и jcarousellite - работают одинаково в данном вопросе.
Ответить с цитированием