Нужна помощь по виджету с картинками

Приветствую! Подскажите, как бы сделать виджет с автоматически меняющимися картинками? Навроде виджета галереи, только без ссылок, просто вереницу прокручивающихся изображений.
Буду признателен

1. Создайте виджет на главной странице (или на портале, где Вам надо)

Добавьте в него следующий код:

Код:

<div id="imgblockrot">
<!--  прокручивающееся содержание виджета -->
<p><img src="http://i56.servimg.com/u/f56/17/37/83/89/17-2610.jpg" alt="" /></p>
<p><img src="http://i56.servimg.com/u/f56/17/37/83/89/58ee0510.jpg" alt="" /></p>
<p><img src="http://i56.servimg.com/u/f56/17/37/83/89/9-7210.jpg" alt="" /></p>
<p><img src="http://i56.servimg.com/u/f56/17/37/83/89/0902he10.jpg" alt="" /></p>
</div>

<script type="text/javascript">
var sek = 2000;  // Время отображения картинок
var Nrout=jQuery("#imgblockrot p").length;
var i=0;RotatorMycontent(i);
function RotatorMycontent(i) {
jQuery("#imgblockrot p").hide();
jQuery("#imgblockrot p").eq(i).show();
j=i+1;if(j>=Nrout){j=0};
timerID = setTimeout("RotatorMycontent(j)",sek);return;}
</script>

Каждая строка

Код:

<p><img src="http://i56.servimg.com/u/f56/17/37/83/89/0902he10.jpg" alt="" /></p>

— это одно прокручивающееся изображение, таких строк можно добавить в любом количестве.


2. В Па > Оформление > Цвета > Каскадная таблица стилей CSS добавьте настройки для размеров блока (он должен быть чуть меньше, чем ширина Ваших виджетов:

Код:

#imgblockrot {
width:180px; /* ширина виджета */
text-align:center;
}

#imgblockrot p img {
max-width: 150px; /* максимальная ширина картинок в виджете */
max-height: 200px; /* максимальная высота картинок в виджете */
}


Максимальную ширину и высоту изображений тоже надо отрегулировать под размеры Вашего виджета.