Помислете как да инсталирате и настроите изглед слайдшоу модул Drupal 7. След това инсталирате допълнителен flexslider модул, за да придаде плъзгача гъвкавост при различни резолюции на дисплея.
Първото нещо, което трябва да инсталирате от следните модули:
Инсталиране на модули за слайдер
В Drupal 7 модула могат да бъдат инсталирани чрез секцията за администратор. Въпреки факта, че много от тях са стари и доказан начин чрез самата папка на инсталационната директория на сайта yoursitename / обектите / всички / модули. Бях свикнал да копирате линка към желания модул с drupal.org сайт и извършване на инсталацията чрез модули раздел администрация / инсталирате новия модул.
След инсталирането на горните модули сочещи към тази страница всички модули последователно ги включват:
(1) Прегледи (2) Преглед на UI (3) Views Slideshow (4) Chaos инструменти (5) Link (6) библиотеки (7) Token
Създаване на кеширани изображение
В Drupal са вградени 7 кешираните изображения функционална част, наречена снимки стилове. Така че нека да се създаде стилове с изображения на плъзгача. В този урок съм с размер на изображението на 920 * 480 пиксела (можете да изберете всякакви размери, в зависимост от вашите нужди).
Ние коригира стилове на картината:
Отиди на Мултимедия / изображение Стил и кликнете върху Добавяне Style. Ние въведете името на стила, например, "images_for_slider".
В прозореца, който се отваря, изберете ефект. Избрах "Resize". Щракнете върху бутона Add. В прозореца, който се отваря, въведете желания размер за нашия имидж ширина - 920 пиксела. Височина - 480 пиксела (въведете желаният от вас размер). Добавянето на този ефект, а след това щракнете върху Обновяване стил на бутона.
Създаване на нов тип материал
Нека добавим нов тип материал. Отидете в менюто в административната част на типа конструкция / материални / Добави вида на материала:
Създаване на нови области
В този пример, съм създал две полета - областта на изображението и голф връзките. Голф изображение, ние ще използваме, за да изтеглите нашия имидж на плъзгача и голф връзките, за да бъде в състояние да отидете на съответния материал. Създаване на образ на полето:
В параграф Добавяне на ново поле, въведете:
- Име на поле за по-голям, като плъзгач Image.
- Изборът на вида на поле - изображение.
- Widget - изображение.
- След това кликнете върху Запазване. В прозореца, който се появява, оставете настройките по подразбиране и кликнете върху Запазване поле Settings.
настройки, създадени Slider_Image поле може да се определи за себе си. Казах т Задължително поле, както и да има отделна директория slider_images, в която да се съхраняват изображенията, за плъзгача. Кликнете върху Запазване.
настройка поле за връзки
управление на дисплея
Премахване на етикета от областта на плъзгача на изображението, както и да определи Slider Link като скрита връзка.
Създаване на съдържание за плъзгача
Създаването на нов изглед на плъзгача
Сега е време да създадете изглед за нашия плъзгача. Отидете в раздел Структура / Преглед / Добавяне на нов изглед.
- Добавете името на представянето, като например Главен плъзгач
- Можете да зададете описание по избор на допълнително описание за тази презентация
- Покажи - типа на съдържанието - Главен плъзгач
- Махнете отметката от Start и изберете Създаване на блок
- Формат на дисплея - Slyd шоу на полето
- Елементи на страница - 3 и кликнете върху Напред, за редактиране
дисплей за настройка
критерии за филтриране
Филтрите гледания модул се добавят наведнъж, тоест, преди създаването на полета. Ако имате нужда от допълнителни филтри, можете да ги създадете тук.
Формат - изберете слайдшоу
Избор на дисплея под формата на списък с водещи символи. String класове и класове ленти могат да бъдат изключени. Wrapper клас може да се остави така. тип Slideshow - цикъл.
За да инсталирате е необходимо в сайта изтегления приставката на сайта / всички папка, създайте папка и библиотеки в нея папка jquery.cycle. Той е в тази папка и трябва да копирате изтегления сценария.
Сега тя ще бъде възможни опции за слайдшоу настроение цикъл. Ефектът може да избира, аз избрах да избледнява. Можете да промените други настройки в зависимост от вашите нужди.
За да се покаже плъзгач трябва да отидете в блокира секция. Тук, в долната част, за да намерите на главния плъзгач създали по-рано и да го плъзнете нагоре в съответната област, в която трябва да се покаже на плъзгача.
Нека uberom име Главна плъзгача над плъзгача и скриване на връзки към всяко изображение на. Отиди на единиците и в името на блока сложи ⟨none⟩ (за показване на плъзгача на началната страница тук само в настройките на текстово поле за извеждане, настроени ⟨front⟩).
Инсталиране на Flex Slider
След като инсталирате и да даде възможност на модула (аз избрах всички негови точки) отидете на установеното мнение на главния плъзгач. Ние намираме формата на т - слайдшоу - настройки. В настройките, които променят вида на слайд шоу на Flex плъзгача. Невярно е зададена опция за резервен подразбиране, в полето Надпис поле - не.
Всичко! Resonsive слайдер е готов! Персонализирайте ефекти и закъснения могат да бъдат в конфигурацията - Мултимедия - Flex плъзгача.
Бих искал да спомена няколко нюанси в слайдер дисплей стил. За да се покаже желаната ширина на плъзгача и привеждането му в съответствие хоризонтално необходимо popravmit flexslider_img.css файл е тук сайтове / всички / модули / flexslider / активи / CSS / flexslider_img.css:
Сега плъзгача ottsentrirovani хоризонтално и напълно отзивчиви към всички възможни резолюция на дисплея.
Добре дошли! Благодаря за статията! Аз лично беше много полезно! Оказа се, почти всичко! Остана последната стъпка към FlexSlider на модула. Инсталиране на модула, той активизира всичките четири, които бяха с него. Отидох на представянето -> Форматиране - слайдшоу - настройки. В настройките в списъка на тип слайд няма смисъл -> Flex плъзгач. Аз се обновява страницата с помощта на F5. (Това е всичко, което знам), но нищо не излиза. Нищо от това в списъка на тип пързалка. Моля, кажете ми! Можете да пишете на.
Чрез JS или защитените територии може да бъде плъзгач
Добър ден! Моля, помогнете ни да се справим с проблема. Преглед постоянно разположени вертикално списък (вместо на хоризонталната лента на снимката). Какво може да е проблема?
И тук си написал: формат: ". Избор на дисплея под формата на списък с водещи символи" Къде трябва да го изберете? В настройките на слайдшоуто аз не виждам този избор. Може би това е причината?
Ако можете да дадете линк към вашия сайт. Най-вероятно с CSS нещо. Показани формат е избран в представителството на плъзгача.
Свързани статии