В этом уроке я показываю как создавать слайдшоу с помощью модуля Views slideshow. Мы добавим несколько слайдов и приведем к виду как на макете.
В этом уроке я показываю как создавать слайдшоу с помощью модуля Views slideshow. Мы добавим несколько слайдов и приведем к виду как на макете.
Комментарии
Добавить комментарий
Здравствуйте, спасибо за
Здравствуйте, спасибо за видео уроки. повторяю все за вами, но проблема изображение выводится только в полной ноде, а в слайдшоу его нет, все перерыл на сто раз пересмотрел видео, не могу понять, подскажите пожалуйста, может какой еще модуль установить или где галочку поставить, заранее спасибо
Здравствуйте, проверьте
Здравствуйте, проверьте настройки фильтров View, возможно там другой тип материала указан.
У меня такие настройки
У меня такие настройки сладшоу:
критерии фильтрации
Содержимое Тип = Слайд
Вроде все верно.
Когда я смотрю на страницу через firebug там видно что на модуль налезает слайдшоу, даже когда пытаюсь отступами слайдшоу сдвинуть вправо. Картинка например сдвигается а какойто верхний div или класс все равно залазиент. Как можно зажать блок со слайдшоу чтобы он не лез на всю страницу по ширине? Или плиз сделайти мини урок -в вашем примере с версткой сайта поставьте слева от слайдшоу меню.
вот здесь ответил на подобный
вот здесь ответил на подобный вопрос:
Здравствуйте, вроде делал все
Здравствуйте, вроде делал все как на видео, не получается "выровнить" slideshow. Когда прописываю в pages.css #block-views-slideshow-block.views-field-body эти настройки не включаются... не могу понять в чем дело и так и сяк перебирал css разные файлы, но не нашел как мне поле body сделать 400px... почему то в коде есть 2 div'a один с таким id views_slideshow_cycle_div_slideshow-block_0 у другого на конце 1, у них есть свои параметры один из них width 980, который если изменить в firebug'e то только на несколько секунд пока слайд не вызовется снова... в чем проблема подскажите плз, а то застрял тут и никак:) заранее спасибо!!
Ох, лучше бы вы прикрепили
Ох, лучше бы вы прикрепили скриншот... Посмотрите на классы в выводе, там должен быть класс который повторяется у всех слайдов, используйте его для того чтобы выравнять, а не id блоков.
Вот приложил скрин, на нем в
Вот приложил скрин, на нем в element style я добавил зеленый цвет просто посмотреть, а вот в каком файле меняется все это...
У меня такая же проблема
У меня такая же проблема главное к самому блоку если делаешь ширину то работает а как начинаешь делать к боди или заголовку то ничего не делает.
Кто решил эту проблемму поделитесь
Пробовал писать и id этих
Пробовал писать и id этих двух блоков и классы пробовал разные из тех, что прописаны в них, ничего не работало и в разных css файлах пробовал... хелп!! очень нужно:)
.views-slideshow-cycle-main
.views-slideshow-cycle-main-frame-row-item{
width: 400px;
}
Как выводить слайдшоу из трёх
Как выводить слайдшоу из трёх и более элементов а не по одному элементу как на вашем видео?
В настройках вью в настройках
В настройках вью в настройках отображения slideshow есть параметр items per slide, поставьте вместо 1 сколько вам нужно.
При создании слайдера
При создании слайдера заголовок и картинка ведут на страницу со статьей, а кнопка-ссылка переправляет совсем на другую страницу. Как и где прописать путь для кнопки-ссылки, чтобы она ссылалась туда же, куда и заголовок с картинкой?
Если выводите через Views, то
Если выводите через Views, то вам нужно будет два поля в одном одна ссылка, в другом другая. Во вью потом перепишите поля и вставьте эти ссылки.
Здравствуйте! спасибо вам
Здравствуйте! спасибо вам большое за урок. очень полезный. скажите пожалуйста что значит переписать поля? я создала 2 поля - ссылки. и теперь у меня на слайдшоу 2 ссылки. а как сделать чтоб одна ссылка была на каждую ноду?
Когда во views'e заходите в
Когда во views'e заходите в редактирование поля там есть галочка Переписать содержимое поле, и в Содержимом поля можно писать что угодно, можно вставить токенами значения из других полей. Можете посмотреть уроки по Views, станет понятнее.
как исправить эффект, когда в
как исправить эффект, когда в слайд-шоу под картинкой отображается пустая область шириной около 5 пикс., и только ниже этой области отображается тень..
Вы наверно задали padding, но
Вы наверно задали padding, но не поставили белый фон картинке.
#block-views-slideshow-block
#block-views-slideshow-block .views-field-field-slide img{
vertical-align: bottom;
}
На будущие когда будуте делать для всех картинок рамку как на уроке с эфектом навидения она распространится на другие изображения в том числе и на главную для того чтобы это исправить нужно еще добавить в этот код:
border: 0px;
padding: 0px;
Здравствуйте! Помогите
Здравствуйте! Помогите пожалуйста решить проблему.
Сделал Слайдшоу,jquery.cycle.all.js установлен,во Views в предпросмотре все работает,
а в блоке на странице показывается только одна картинка и не сменяется.
Подскажите, в чем проблема.
Проверьте настройку фильтров
Проверьте настройку фильтров во Views.
Спасибо большое, что
Спасибо большое, что откликнулись. Обнаружил, что дело не в настройках, в Bartike слайдшоу работает,
а не работает (показывает только одну картинку) в шаблоне сделанном в Artisteer,
теперь не могу понять, что именно в шаблоне может запрещать показ слайдшоу.
Дико неудобно Вас доставать, но может подкинете какое соображение.
Заранее Гранд Мерси!
Скорее всего ошибка в
Скорее всего ошибка в javascript. Установите плагин firebug или web developer для файерфокса и у вас будет показывать ошибки в javascript:
у меня была проблема: на
у меня была проблема: на странице "home" во всех сладах вставляло картинку из хедера.
Решил проблему: заменил в файле node.tpl.php <header> на <div id="header">
возможно это касается вашей проблемы..
Здравствуйте! У меня в
Здравствуйте! У меня в слайдере Views Slideshow после темизации работает только эффект fade,
а в остальных эффектах слайды просто промаргиваются. До темизации все работало. Не подскажете идею, как это исправить?
Возможно дело в
Возможно дело в позиционирование слайдшоу, попробуйте убрать дописаные свойства position.
Добрый вечер, у меня слайдшоу
Добрый вечер, у меня слайдшоу на некоторых страницах не отображается...
вот проект: www.perfect your body.ru
подскажите пожалуйста как это можно исправить
Не могу понять какой адрес.
Не могу понять какой адрес. Скорее всего ошибка javascript.
Пытаюсь добавить кнопки для
Пытаюсь добавить кнопки для навигации для слайдшоу через views они вылазят снизу под блоком в css поставил им float: left, но не могу поднять их к картинкам. Если вариант это исправить?
В опере для перемещения блока
В опере для перемещения блока подойдут 2 варианта:
.views-slideshow-controls-bottom.clearfix {
position: absolute;
top: 450px;
right: 340px;
margin-top: 10px;
}
и #block-views-slideshow-block .views-slideshow-controls-bottom {position: absolute;top: 450px;right: 340px;margin-top: 10px;} но они оба работают не вполне коректно и вообще не правильно отражаються в мазиле
Добрый день! Подскажите,
Добрый день! Подскажите, пожалуйста, как со страницы убрать надпись "Содержимое главной страницы еще не создано."? Заранее благодарен за ответ.
Просто на главной странице в
Просто на главной странице в содержимом у меня выводятся только блоки,
Поставьте какую страницу
Поставьте какую страницу отображать на главной в настройках сайта
Конфигурация - Система - О сайте
Начал только знакомиться с
Начал только знакомиться с материалом, по-моему очень не плохо, спасибо большое за труд!
Здравствуйте!
Здравствуйте!
Мне нужно чтобы слайдшоу не крутилось по кругу, а только от первого до последнего и наоборот, от последнего до первого. Для этого я поставил галочку в настройках в End slideshow after last slide.
Скажите, пожалуйста, а как сделать чтобы не показывались Previous когда показывается первый слайд и Next, когда показывается последний слайд? Никак не могу найти.
По идеи должен добавляться
По идеи должен добавляться класс disable, off, hidden или другой похожий, с помощью этого класса можно скрывать стрелку.
В том то и дело, что не
В том то и дело, что не добавляется никакой класс. Поэтому непонятно как скрывать стрелку.
Повторюсь, но когда
Повторюсь, но когда прописываю в pages.css #block-views-slideshow-block.views-field-body И другие поля эти настройки не включаются, ширина полей не меняется. Потом вообще при просмотре firebug'ом пропали в div классы полей view-field-body и view-field-image. Ответа в комментариях я так и не нашел.
Подскажите где задаются эти поля?
При задании ширины классом .views-slideshow-cycle-main-frame-row-item уменьшается ширина всего слайда и картинки в том числе, что не дает правильно разместить элементы слайда.
#block-views-slideshow-block
#block-views-slideshow-block.views-field-body здесь должен быть пробел между селекторами. Файербаг не влияет на сам HTML, он просто показывает что есть. Классы задаются в настройках полей views'a.
Возможно вам нужен display: inline-flex, или display: flex:
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Спасибо! В настройка полей
Спасибо! В настройка полей представления "Настройки стил"я каждого поля поставил галочки напротив: Добавить классы по умолчанию. Пробел между селекторами #block-views-slideshow-block .views-field-bod поставил и все получилось.
Введённого пути <<node/13>>
Введённого пути <<node/13>> не существует или у вас нет прав для доступа к нему. 18:48 01.07.2015 Что делать ?
Выберите другую ноду, видимо
Выберите другую ноду, видимо у вас нет на сайте ноды с nid 13.
Спасибо. Выбрал node/6 (не то
Спасибо. Выбрал node/6 (не то (продвижение сайтов появилось)). Зато исчезли те две страницы (...вторая и зам. новость, что главное пока), но смысл понятен). Я новичок. Сайтом пользуюсь с февраля 2015, единственный полезный для меня источник. Думаю, что вопросы задавать мне ещё рано. (4 месяца как осваиваю уроки всего ( с нуля вообще). По 4-8 часов ежедневно. Пришлось уволиться. Так как работа мешала друпалу. С уважением.
Если бы не ваш сайт. Был бы в полном тупике. Спасибо