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

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


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

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

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


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

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

» Переписка пользователей
автор Dana Domirani Сегодня в 0:30

» Виджет "Ключевые слова"
автор Lory Вчера в 18:27

» Прошу проверить мой форум
автор Leyxen Вчера в 16:15

» Дыра между кнопками
автор Lory Вчера в 7:36

» Убрать слово "цитата" - 2
автор Aster Вчера в 0:29

» Генератор подарков
автор irina27 Сб 19 Авг - 16:30

» Можно ли сократить растояние
автор Lory Сб 19 Авг - 11:01

» Проблемы с цветом шрифта.
автор Lory Сб 19 Авг - 8:45

» Убрать значок
автор Леший Чт 17 Авг - 12:15

Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

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

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

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

Сообщение автор Домовой в Вс 19 Фев - 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>
avatar
Домовой
 

Мужчина

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

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

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

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


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