Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Как сделать прокрутку изображений?

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

     09.10.2014    Все вопросы » Общие вопросы    3441

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

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

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

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

 

7 комментариев

Serik
Местный

Serik - 9 октября 2014 19:46 -

При помощи css и js.
СПАСИБО надо тыкать в кнопку!
ПафНутиЙ
Админ

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

Навешивайте на картинки любую карусель на js.
Каков вопрос - таков и ответ. Просто помните об этом.
Dimas777
Юзер

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
Юзер

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

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

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

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

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

ПафНутиЙ,

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

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

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


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

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

 20.06.2012 saprano  Общие вопросы, Общие вопросы по вёрстке
 26.11.2012 Гость  Общие вопросы
 31.07.2013 maxvel0007  Общие вопросы
 25.08.2013 nail_kasi  Общие вопросы
 21.11.2013 nikolay.safronov  Общие вопросы
 12.12.2013 spiderbuber  Общие вопросы
 12.05.2014 bigbensex  Общие вопросы
 07.07.2014 vadim_doom  Общие вопросы
 07.11.2014 vk_159926832  Общие вопросы, Общие вопросы по PHP
 08.01.2015 Elena  Общие вопросы, Шаблоны (TPL), jQuery, Общие вопросы по PHP, Хаки
  • mondolfo | Как вывесит в comments.tpl картинку с но ... 7
    Фото mondolfo
    mondolfo
    Как вывесит в comments.tpl картинку с новости?
    Вчера, 23:42
    кто-нибудь решил эту?
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    22-11-2024, 17:08
    Разъясните как вытащить id?
  • lutskboy | Вытащить все данные из определенного доп ... 1
    Фото lutskboy
    lutskboy
    Вытащить все данные из определенного доп поля?
    22-11-2024, 16:17
    в adminer можно.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    22-11-2024, 16:14
    выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
    js скрипт можно написать
    
<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    22-11-2024, 14:39
    Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    22-11-2024, 13:52
    где выводить? админка или сайт
  • TeraMoune | Как отключить миниатюры стандартной гале ...
    Фото TeraMoune
    TeraMoune
    Как отключить миниатюры стандартной галереи Fancybox?
    21-11-2024, 06:00
    В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

    Например: параметр Thumbs: false отключает миниатюры.
    Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
  • derebas | Как реализовать шифрование трафика? 3
    Фото derebas
    derebas
    Как реализовать шифрование трафика?
    18-11-2024, 16:52
    Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:46
    я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
    Так и было...
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:39
    чтоб не удалять выстави права и пользователя какие там идут на файлы. .
наверх