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

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


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

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

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


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

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

Как сделать такой паровозик?

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

Как сделать такой паровозик?

Сообщение автор kate28 в Вс 2 Фев - 22:19

Здравствуйте!

Есть вот такой код
Код:
<a href="ссылка"  target="_blank"  title=" Название "><img src="ссылка на фото"  alt=" Название " border="0" width="90" height="90"></a>
Нашла на просторах интернета.

Но если его повторять - фото встают в несколько рядов, хочется сделать вот таким паровозиком (во вложении)
Подскажите, пожалуйста, как сделать код, чтобы появились стрелочки вправо влево? Т.е. чтобы он прокручивался...

Спасибочки!
Вложенные файлы
скрин паровозика.jpg У вас нет прав скачивать вложенные файлы.(51 Кб) Скачиваний: 16


Последний раз редактировалось: kate28 (Ср 5 Фев - 14:12), всего редактировалось 1 раз(а)

kate28
 

Женщина

Сообщения : 124
Регистрация : 2012-07-11
Благодарности : 0

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

http://shopping.forumei.net/forum

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

Re: Как сделать такой паровозик?

Сообщение автор Домовой в Пн 3 Фев - 0:21


Домовой
 

Мужчина

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

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

http://udomovogo.rusff.ru

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

Re: Как сделать такой паровозик?

Сообщение автор kate28 в Ср 5 Фев - 11:51

Домовой, спасибочки, пошла пробовать  13 

kate28
 

Женщина

Сообщения : 124
Регистрация : 2012-07-11
Благодарности : 0

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

http://shopping.forumei.net/forum

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

Re: Как сделать такой паровозик?

Сообщение автор kate28 в Ср 5 Фев - 13:28

Попробовала, спасибо, получается!
Только еще интересует стрелочки "Для особо одаренных", что можно листать, а то многие, могут не понять, что картинки можно листать.

http://sibshop.forum2x2.ru/ - сюда хочу сделать...

Спасибочки.

kate28
 

Женщина

Сообщения : 124
Регистрация : 2012-07-11
Благодарности : 0

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

http://shopping.forumei.net/forum

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

Re: Как сделать такой паровозик?

Сообщение автор Домовой в Ср 5 Фев - 14:04

@kate28 пишет:Попробовала, спасибо, получается!
Только еще интересует стрелочки "Для особо одаренных", что можно листать, а то многие, могут не понять, что картинки можно листать.

http://sibshop.forum2x2.ru/ - сюда хочу сделать...

Спасибочки.
Так если вы поставите то что в туториале
http://help.forum2x2.ru/t23953-topic
то будут и стрелочки
Код:
<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('https://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('https://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>
То что выделено красным как раз и отвечает за стрелки.
В ДЕМО разве не видно стрелок?
http://domovoy.forumy2x2.ru/h7-page



Кнопки можете поменять на свои

Домовой
 

Мужчина

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

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

http://udomovogo.rusff.ru

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

Re: Как сделать такой паровозик?

Сообщение автор kate28 в Ср 5 Фев - 14:13

Ой, я вас люблю!
Все получилось!
Спасибулечки!

kate28
 

Женщина

Сообщения : 124
Регистрация : 2012-07-11
Благодарности : 0

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

http://shopping.forumei.net/forum

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

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


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