Пытаюсь поставить галлерею 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 - работают одинаково в данном вопросе.
