Поиск по сайту
Результаты поиска по тегам 'слайдер'.
Найдено 38 результатов
-
Ребят поскольку я только начинающий, подскажите как формировать ссылку с переменой, То есть как сделать чтобы к силки добавлялось значение с переменой !DOCTYPE html> <html lang="ua-UA"> <head> <meta charset="UTF-8"/> <title>Люстра в моїй кiмнатi</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1 align="center">Управлiння люстри в моїй кiмнатi</h1> <div class="zaholovok red" id="r">ЧЕРВОНИЙ</div> <input type="range" id="fan11" min="0" max="1023" value="0" step="1" oninput="fan1()"> <div class="zaholovok green" id="g">ЗЕЛЕНЙ</div> <input type="range" id="fan22" min="0" max="1023" value="0" step="1" oninput="fan2()"> <div class="zaholovok blue" id="b">СИНIЙ</div> <input type="range" id="fan33" min="0" max="1023" value="0" step="1" oninput="fan3()"> <div class="zaholovok wait" id="w">БIЛИЙ</div> <input type="range" id="fan44" min="0" max="1023" value="0" step="1" oninput="fan4()"> <a href="http://192.168.0.106/ledr?r="+ id="r">ЗАСТОСУВАТИ</a> То есть как сделать чтобы к силки добавлялось значение с переменой <script type="text/javascript" src="function.js"></script> </body> </html> function fan1() { var rang=document.getElementById('fan11'); var p=document.getElementById('r'); p.innerHTML=rang.value; } function fan2() { var rang=document.getElementById('fan22'); var p=document.getElementById('g'); p.innerHTML=rang.value; } function fan3() { var rang=document.getElementById('fan33'); var p=document.getElementById('b'); p.innerHTML=rang.value; } function fan4() { var rang=document.getElementById('fan44'); var p=document.getElementById('w'); p.innerHTML=rang.value; }
-
Мне нужно помощь по установке данного слайдера: http://kenwheeler.github.io/slick/ Я сделал всё как в инструкции по установке, но он всё-равно не работает. Можете показать код со всеми картинками в слайдере, чтоб я мог распознать свою ошибку?
-
www.zebra-tara.ru на главной слайдер организован через owl carousel 2 Не понимаю, почему пролистывание мышкой влево - работает: если схватить за центр слайда и протянуть влево, а вправо - нет: выполняется переход по ссылке слайда
-
Подскажите пожалуйста. Проблема в том что в owl-carousel 2 не работают табы. Задача состоится в том что нужно сверстать слайдер, в слайдере сверстать табы. табы сами по себе рабочие, если вынести разметку(табов) за пределы слайдера то все работает, но если в слайдере табы перестают работать ? мб сталкивался кто то с такой проблемой ?
-
Здравствуйте подскажите как сделать такой слайдер.Чтобы активный вылетал вперед, это я понимаю на актив меню. Только css нужно делать?У меня например в вёрстке 10 элементов.Показываются 5 как на картинке, но 1 и последний должен быть такого размера и с z-index.В общем только css можно сделать.Либо в слайдере есть какие либо опции? https://gyazo.com/fa6bd54d98ebda1be6efd19325418d8a И вообще как лучше сделать,спасибо
-
Доброго дня форумчане, ситуация такая- Есть сайт http://codex-themes.com/scalia/one-page/ где красиво реализована система смены слайдов. Как можно заметить, происход переход следующим образом : Элементы в слайде начинают анимацию свёртки -> происходит смена слайда -> происходит анимация развертки элементов нового слайда. Подскажите есть ли какие-нить уроки/статьи как такое сделать, и можете порекомендовать слайдер, где такое можно сделать через опции, ну хотя бы задержку перед переход на следующий слайд. Писать свой велосипед не хотелось бы, но видимо придется, если вы мне не поможете советом. Спасибо.
-
В общем создаю сайт с приложениями. Имеется страница состоящая из 2 блоков на весь экран. Необходим слайдер скриншотов+текст справа от слайдера которые будут находиться в 1 блоке(верхнем). Наилучшим примером будет страница какого-либо товара в магазине Steam.
-
Есть сайт в разработке fitmama.club на главной странице имеется слайдер, который при заходе на страницу ведет себя нормально, первое время, через минуту слайды съезжают вниз
-
На выходных сверстал, если можно так выразиться, еще одну страницу. Макет в png http://codeliner.ucoz.com/fadelicious/home.png Макет в psd https://yadi.sk/i/Td7IVc0pqKKNc Сверстанная веб-страница http://codeliner.ucoz.com/fadelicious/index.html Прошу объективной критики и дельных советов на будущее
-
В макете присутствует слайдер картинок. В интернете полно рецептов, как создать или где взять готовый слайдер - и это все с использованием javascript и, часто, jquery. Я хоть и в процессе изучения javascript, но понимаю, что конкретно при верстке обходятся без сложных скриптов - это дело веб-разработчика. Например, при верстке строки поиска нужно добавить форму, кнопку, текстовое поле - а куда это отправляется и как обрабатывается - дело десятое. Может, надо ставить какую-то загрузку. И здесь считаю целесообразным задать еще один вопрос (если надо, создам отдельную тему) - что делать в аналогичном случае, если в макете видео?
-
Добрый вечер,форумчане! Подскажите,при помощи чего лучше подключить данный слайдер?и как добавить на него столько текста?подключить бутстрап, просьба - не предлагать!Заранее спасибо! http://prntscr.com/906imc
-
Не могу найти подходящий слайдер для кастомизации. Скриншот требуемого результата : http://joxi.ru/GrqzJ13uD01Kmz. Не много опыта со слайдерами есть, но в примерах на оффсайтах слайдеров не могу подобрать похожее. Проблема заключается в нижнем темном блоке: 1) как его вообще прикрутить; 2) стрелка-треугольник должна двигаться и указывать на нужную фотографию ; 3) все должно быть адаптивно - то есть не на десктопах порядок будет "фото"->"информация"->"статус бары". Хотя бы намекните в каком конкретно направлении копать...
-
Сначала слева вылетает первый текст, потом следом второй и все это очень быстро, потом справа вылетает картинка Нужен слайдер который может выполнить вот эти требования. Подскажите пожалуйста
-
Нужно сделать подобный слайдер. Кликаем на первый слайд (синий), он уезжает вперед растворяясь (или как-то еще), одновременно с этим серый и зеленый слайды переезжают вперед, а на месте серого появляется синий слайд, зеленый соответственно становится первым. Блоки тянутся по высоте и отступы у них в процентах. Есть ли готовые плагины, которые реализуют подобное? Не обязательно адаптивные. Почему-то перерыв кучу всего, я так и не нашла нужного — либо мой английский совсем плох, либо подобных решений совсем мало.
-
Вот такой должен быть слайдер. Сделал его таки образом, что при нажатии на радиобаттон слайдеры должны двигаться. Но почему-то это не получается http://codepen.io/anon/pen/JdEEdv
-
Всем привет. Ребят, нужна помощь, не могу сама справиться. Адаптирую старый сайт. В нём есть слайдер roundabout.js версия 1.1. Так как responsive поддерживается с версии 2.1, установила её, но здесь как-то странно высчитывается позиция left в position:absolute, где-то на 100рх больше, из-за чего картинки вываливаются из своего блока и появляется горизонтальный скрол. Ребята, кто работал с данным плагином, есть там возможность откорректировать left ?
-
Вот так должен выглядеть слайдер: Видно, что слайды по бокам прячутся почти на половину ширины. У меня помещаются только 4 блока а другие 2 выпадают http://codepen.io/anon/pen/PwXZGG 1) Как сделать так, чтобы было как на картинке? 2) Как сделать чтобы товары двигались друг за другом при нажатии на кнопки "LEFT", "RIGHT" в соответствующие стороны?
-
Есть слайдер http://codepen.io/anon/pen/YPRQjo Как сделать на нем автоматическое перелистывание? В гугле много примеров на jQuery. Но хотелось бы сделать это на чистом JS или CSS (если такое возможно). При переключении слайдов переход должен быть плавным. (Хотел, чтобы свойство opacity менялось от 0 к 1 через анимацию, но что-то не получается)
-
Собственно, не работают радио-кнопки у слайдера (внизу) http://codepen.io/anon/pen/PwxGxE Также интересует вопрос как сделать рабочими стрелочки(по центру)?
-
Здравствуйте. Подскажите, может кто знает готовый слайдер с подобным функционалом. Чтоб были и элементы листания по одному слайду и обычный скролл которым можно потихоньку двигать. Как вариант может хотя бы скролл, который двигает по целому слайду и перемешается на большее делении сразу.
-
В общем беда такая: Сделал я слайдер который отображает сразу 2 картинки рядом. И смещаются они по одной. все хорошо. Но надо сделать так чтобы при наведении курсора они замирали ВСЕ. А пока что у меня замирает только та из двух, на которую навел мышкой (:hover). Остальные продолжают двигаться. в результате происходит разброд и шатание. http://jsfiddle.net/Elizaurus/qccag8x1/4/
-
День добрый. Дайте совет, как можно вложить div, с текстом, в слайдер в котором прописаны стили для background, которые сжимают его, по мере разрешения экрана. Текст вылазит из-за position: absolute и bottom:40px http://hotels.fatrabbit.ru/
-
Здравствуйте. Подскажите как можно отцентрировать слайдер, то есть при уменьшении разрешения, картинка не обрезалась по левому краю! Очень нужна помощь ! kibersant.fatrabbit.ru
-
Здравствуйте, есть проблема со слайдером на сайте prav.dp.ua . Если на главную сразу попадаешь то слайдер долго грузиться и не факт что загрузиться но если перейти на другую страницу то слайдер работает нормально. Скажите пожалуйста как это исправить ?
