Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы Как сделать прокрутку изображений?

Как сделать прокрутку изображений?


     09.10.2014    Общие вопросы    1592

вопрос
Я использую дополнительное поле для вывода изображений [xfgiven_scrinlist].

и как мне сделать так, что бы после добавления 4 изображения появилась прокрутка в виде стрелок как на пример вот этом сайте http://pdalife.ru/drum-pads-24-android-a5489.html , подскажите пожалуйста буду очень благодарен!

Как сделать прокрутку изображений?

Ответа пока нет


Комментарии пользователей (7)

Serik
4

408 | 191

Serik - 9 октября 2014 19:46 - Местный

При помощи css и js.

СПАСИБО надо тыкать в кнопку!

ПафНутиЙ
1065

3396 | 2434

ПафНутиЙ - 9 октября 2014 21:42 - Админ

Навешивайте на картинки любую карусель на js.

Каков вопрос - таков и ответ. Просто помните об этом.

Dimas777
10

Dimas777 - 9 октября 2014 21:59 - Юзер

На пример вот код карусели:

<!DOCTYPE html>
<html>
<head>
  <title>TJ simple adaptive carusel</title>
  <meta name="viewport" content="width=device-width; initial-scale=1.0" />
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <!-- подключаем последнюю версию jQuery -->
  <script type="text/javascript" src="carousel.js"></script>  <!-- подключаем наш скрипт -->
  <link rel="stylesheet" type="text/css" href="css/styles-carousel.css"> <!-- подключаем стилевой файл -->
</head>
<body>

<div class="">
   <div class="carousel shadow">
      <div class="carousel-button-left"><a href="#"></a></div>
      <div class="carousel-button-right"><a href="#"></a></div>
    <div class="carousel-wrapper">
       <div class="carousel-items">
        <div class="carousel-block">
          <img src="images/1.jpg" alt="" />
        </div>
        <div class="carousel-block">
          <img src="images/2.jpg" alt="" />
        </div>
        <div class="carousel-block">
          <img src="images/3.jpg" alt="" />
        </div>
        <div class="carousel-block">
          <img src="images/4.jpg" alt="" />
        </div>
        <div class="carousel-block">
          <img src="images/5.jpg" alt="" />
        </div>
        <div class="carousel-block">
          <img src="images/6.jpg" alt="" />
        </div>
        <div class="carousel-block">
          <img src="images/7.jpg" alt="" />
        </div>            
        <div class="carousel-block">
          <img src="images/8.jpg" alt="" />
        </div>
       </div>
    </div>
   </div>
</div>  

</body>
</html>


Как запилить чтобы она выводила скриншоты из доп поля [xfgiven_scrinlist] ?

ychelovek33
3

184 | 33

ychelovek33 - 12 октября 2014 10:49 - Юзер

Дайте пример текста который написан в scrinlist

over
57 | 3

over - 10 октября 2014 17:38 - Юзер

Прикурить к dle такие карусели не легко а так у меня тоже бешеное желание узнать как это сделать, например на owl carousel

over
57 | 3

over - 10 октября 2014 17:41 - Юзер

ПафНутиЙ,

Павел лояльность вашего ответа зашкаливает )))

Kaleb
3

Kaleb - 13 октября 2014 19:47 - Юзер

Цитата: Dimas777
usel-items"> <div class="carousel-block">


Dimas777,
И тогда каждой картинке в доп поле придётся вручную дописывать <div class="carousel-block"> </div>

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы