Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

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

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор De Patriz в Пн 20 Авг - 12:56

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


Последний раз редактировалось: Dana Domirani (Сб 14 Дек - 14:27), всего редактировалось 3 раз(а) (Обоснование : удалено старое изображение)

De Patriz
 

Мужчина

Сообщения : 40
Возраст : 26
Место обитания : За компьютером и покерным столом
Регистрация : 2012-08-18
Благодарности : 8

Без предупреждений

http://mypoker.forumy.eu/

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Пн 20 Авг - 13: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; /* максимальная высота картинок в виджете */
}

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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22079
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения