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

автор De Patriz Август 20th 2012, 16:56

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

автор **Dana Domirani** Август 20th 2012, 17:06

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; /* максимальная высота картинок в виджете */ }

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

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

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

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