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

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

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

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

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

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

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

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Последние темы
» Медленное соединение после перехода на https
автор Премьера Вчера в 22:40

» Аварийные инструменты
автор Luz Ноябрь 15th 2019, 18:48

» Новый владелец сайта, которого не назначали
автор Luz Ноябрь 15th 2019, 18:39

» Массовое ЛС стало недоступным для отправки группе "Пользователи"
автор Dana Domirani Ноябрь 15th 2019, 16:52

» Topic'it: конец приключения...
автор Luz Ноябрь 14th 2019, 13:20

» Что такое PWA-приложение форума?
автор IceQueen Ноябрь 11th 2019, 20:21

» проблемы входа из Google Chrome
автор Fate Ноябрь 10th 2019, 10:02

» Дисковое пространство
автор Dana Domirani Ноябрь 8th 2019, 18:05

» Смайлики в быстром ответе
автор irina27 Ноябрь 5th 2019, 21:29

» Некорректно работает форум.
автор irina27 Ноябрь 4th 2019, 15:19

RSS-каналы


Yahoo! 
MSN 
AOL 
Netvibes 
Bloglines 


Очередной слайдер-карусель картинок.

Перейти вниз

Очередной слайдер-карусель картинок. Empty Очередной слайдер-карусель картинок.

Сообщение автор Домовой в Февраль 19th 2012, 18:01

Очередной слайдер - карусель.

Ставить в зависимости от того где хотите видеть.
Будь то виджет, приветствие или html страница
Код:
<script type="text/javascript" src="http://www.patmax.eu/J1/120404181157.js"></script>
<script type="text/javascript" src="http://www.patmax.eu/J1/120330112609.js"></script>
<script type="text/javascript">
      jQuery(function() {
          jQuery(".jMyCarousel").jMyCarousel({
              visible: '100%'
          });
      });
  </script>
<style>
div.jMyCarousel .prev{   
background: url('http://i58.servimg.com/u/f58/14/80/95/87/left10.png') center center no-repeat; /* кнопка влево*/   
width:47px;    /* ширина кнопки */
height:61px; /* высота кнопки */   
border:0px;
}

div.jMyCarousel .next{   
background: url('http://i58.servimg.com/u/f58/14/80/95/87/right10.png') center center no-repeat; /* кнопка вправо */   
width:47px;    /* ширина кнопки */
height:61px; /* высота кнопки */   
border:0px;
}
div.jMyCarousel ul li{
border:1px solid #000; /* рамка на картинках */
line-height:0px;
margin:0 1px; /* отступ картинок друг от друга */
}
</style>

<br/><br/><div class="jMyCarousel">
    <ul>
        <li><img src="ссылка на картинку" width="160" height="107"></li>
        <li><img src="ссылка на картинку" width="160" height="107"></li>
        <li><img src="ссылка на картинку" width="160" height="107"></li>
        <li><img src="ссылка на картинку" width="160" height="107"></li>
        <li><img src="ссылка на картинку" width="160" height="107"></li>
        <li><img src="ссылка на картинку" width="160" height="107"></li>
        <li><img src="ссылка на картинку" width="160" height="107"></li>
        <li><img src="ссылка на картинку" width="160" height="107"></li>
  </ul>
</div>
Добавлять картинки можно размножая строчку
Код:
<li><img src="ссылка на картинку" width="160" height="107"></li>
width="160" height="107" в строчке обозначает ширину и высоту картинки соответственно.
Естественно картинки можно ставить любого размера, соответственно в строчке прописываете свой размер.
Картинки должны быть одинакового размера, иначе будут искажены.

ДЕМО

P.S. Можно использовать для отображения баннеров друзей

Всместо картинок надо вставить коды баннеров таким образом:
Код:
<div class="jMyCarousel">
    <ul>
<li><a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку баннер" border="0" width= "88"  height= "31"></a></li>
<li><a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку баннер" border="0" width= "88"  height= "31"></a></li>  
<li><a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку баннер" border="0" width= "88"  height= "31"></a></li>  
<li><a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку баннер" border="0" width= "88"  height= "31"></a></li>
<li><a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку баннер" border="0" width= "88"  height= "31"></a></li>  
<li><a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку баннер" border="0" width= "88"  height= "31"></a></li>
<li><a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку баннер" border="0" width= "88"  height= "31"></a></li>
<li><a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку баннер" border="0" width= "88"  height= "31"></a></li>
<li><a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку баннер" border="0" width= "88"  height= "31"></a></li>
  </ul>
</div>
Домовой
Домовой
 

Мужчина

Сообщения : 6811
Возраст : 96
Регистрация : 2010-01-30
Благодарности : 3242

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

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

Вернуться к началу


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