Javascript-форум - Как правильно прикрутить jcarousellite.js ?

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Как правильно прикрутить jcarousellite.js ? (https://javascript.ru/forum/dom-window/35403-kak-pravilno-prikrutit-jcarousellite-js.html)

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

Установите высоту и ширину изображений либо через css либо через width/height атрибуты

Iktash,
30 строка
<td class='give_form'' data='ipoteka'><img src='img/content/ipoteka.jpg' /></td>

рони, спасибо, поправил.
danik.js, с установкой высоты и ширины изображений проблема ибо они разные немного. Я заключил их в один div и задал ему ширину и высоту вот так:

Код:

<div class='tape_bank'><a href='".$link_bank."'><img class='tape' src='img/banks/".$img."' /></a></div>

.tape_bank{
 width: 263px;
 height:145px;
}

В хроме лента появилась. Но теперь она крутится мягко говоря странно. В ff по прежнему все ок. Подскажите, пожалуйста где еще может быть косяк?

не ходил по ссылке. Можно попробовать запускать карусель только после загрузки ( window.onload ). Что-то типа $(window).load(fn);

danik.js, попробовал. Разницы не заметил.