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

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


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

Мы в социальных сетях



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

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


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

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

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

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

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

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

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


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

De Patriz
 
 

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

http://mypoker.forumy.eu/

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

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

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

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


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


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


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



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

Пол : Женщина
Сообщения : 21913
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

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

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


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