NextGen NivoSlider
NextGen NivoSlider позволяет создавать NivoSlider как виджет или с шорткодом. Этот плагин использует плагин NextGen Gallery для получения изображений с помощью тегов или идентификаторов галереи. NivoSlider - это отличное слайд-шоу с адаптивными изображениями, которое легко настраивается. Благодаря большому набору эффектов и множеству дополнительных опций вы обязательно найдете комбинацию, которая подойдет вашему сайту. Требования: Возможности плагина NextGen Gallery: NextGen NivoSlider был полностью переработан и постоянно добавляется. В настоящее время он поддерживает все оригинальные функции NivoSlider и даже имеет некоторые дополнительные! Отзывчивый! Полная интеграция с галереей NextGen Поддержка тем Автоматическая привязка URL (вставьте mailto :, http: //, ftp: // или local / в альтернативный текст) Дополнительные эффекты Поддержка шорткода и виджета Поддержка сенсорного экрана (экспериментальная) Параметры: Вы в шорткоде [ngg-nivoslider] можно использовать следующие параметры. Значения по умолчанию, где это применимо, показаны в скобках (), доступные параметры - в скобках []. title: Заголовок слайдера. Если заголовок не указан, оставьте поле пустым. (например: title = "My Slider") галерея: оставьте поле пустым, чтобы использовать все галереи, или выберите галерею для использования. (например: gallery = ”galleryid”) order [random ”|” asc ”|” desc ”|” sortorder ”]: порядок отображения результатов. Вы можете выбрать; Случайный, сначала последний, сначала самый старый или сортировщик следующего поколения. Случайный выбор по-прежнему будет работать, когда страница кэшируется. (например: order = ”random”) теги: список тегов, разделенных запятыми, по которым выполняется фильтрация результатов. (например: теги = ”тег1, тег2 ″) перемешать [логическое]: Если порядок случайный и это верно, изображения будут перемешиваться с помощью jаvascript. Полезно, если вы кешируете свои страницы. (например: shuffle = ”true”) max_pictures: максимальное количество изображений для загрузки. (например: max_pictures = ”6 ″) html_id (« слайдер »): HTML-идентификатор для использования. По умолчанию «слайдер». Должен быть разным для нескольких слайдеров на одной странице. (например: html_id = ”custom-slider”) width: ширина для использования на слайдере. (например: width = ”200 ″) height: Высота для использования на слайдере. (например: высота = ”150 ″) center: центрирует содержимое в контейнере. Требуется установка ширины. (например: center = ”1 ″) resize: изменяет размер изображений с помощью TimThumb (v2). Доступные варианты: (например: resize = ”3 ″) 1 - Изменить размер до указанных размеров (без обрезки) 2 - Обрезать и изменить размер, чтобы наилучшим образом соответствовать размерам (по умолчанию) 3 - Изменить размер пропорционально, чтобы уместить все изображение в указанные размеры, и при необходимости добавьте границы. 4 - Измените размер пропорционально, регулируя размер масштабированного изображения, чтобы не было пробелов в границах. resizewidth: Ширина, которую TimThumb будет использовать для изменения размера изображения (sc: resizewidth = ”800 ″) resizeheight: Высота, которую TimThumb будет использовать для изменения размера изображения (sc: resizeheight = ”600 ″) resizebg (“ ffffff ”): цвет (обозначенный в шестнадцатеричном формате) для использования границ, которые создаются при использовании варианта изменения размера 3 (например: resizebg =” a0fb69 ″) caption [“alttext” | ”Description” | ”both”]: показать подпись к слайду, показывая либо альтернативный текст, либо описание, как установлено в галерее NextGen, либо оба как «AltText, выделенный жирным шрифтом - Описание». Htmlcaption: заголовок в формате HTML для отображения на всех изображениях (например, : htmlcaption = ”Заголовок Добро пожаловать на этот веб-сайт“) showgallerytitle [boolean]: Отображение заголовка галереи (ex: showgallerytitle = ”true”) showgallerydesc [boolean]: отобразить описание галереи (например, showgallerydesc = ”true”) Настройки слайдера Nivo: дополнительные сведения см. на веб-сайте NivoSlider. эффект: какой эффект использовать в качестве перехода. Вы можете указать такие наборы, как: 'fold, fade, sliceDown'. Список доступных эффектов см. Ниже. (Например: effect = ”sliceDown, sliceUp”) срезы: количество срезов, на которые нужно разделить изображение для эффектов срезов (например: срезы = ”3 ″) boxCols: количество столбцов для разделения изображение для эффектов блока (например: boxcols = ”10 ″) boxRows: Количество строк, на которые нужно разделить изображение для эффектов блока (например: boxrows =” 8 ″) animSpeed: Скорость перехода между слайдами в миллисекундах (1000 мс = 1 секунда ). (например: animspeed = ”300 ″) pauseTime: время паузы в миллисекундах (1000 мс = 1 секунда) перед переходом к следующему изображению (например: pausetime =” 5000 ″) startSlide: Установить начальный слайд. Это 0-индекс, поэтому используйте 0 для первого слайда. (например: startlide = ”3 ″) directionNav [« true »|« false »]: отображать ли элементы управления Next и Prev или нет. (пример: directionnav = "true") controlNav ["true" | "false"]: 1,2,3… (например: controlnav = "setting") controlNavThumbs ["true" | "false"]: использовать эскизы для управления Nav, если установлено значение true. (например: controlnavthumbs = ”true”) thumbsWidth: изменить размер миниатюры до этой ширины. Рекомендуется устанавливать при использовании эскизов. (например: thumbswidth = ”20 ″) thumbsHeight: изменение размера миниатюры до этой высоты. Рекомендуется устанавливать при использовании эскизов. (например: thumbsheight = ”20 ″) thumbsContainerHeight: Высота контейнера эскизов. Вычисление должно быть следующим: «количество строк миниатюрных изображений» x «высота большого пальца». (например: thumbscontainerheight = ”20 ″) thumbsGap: Разрыв между миниатюрами. (например: thumbsgap = ”5 ″) controlNavThumbsFromRel: использовать относительное изображение для больших пальцев. (например: controlnavthumbsfromrel = ”setting”) controlNavThumbsSearch: замените это на… (например: controlnavthumbssearch = ”setting”) controlNavThumbsReplace:… это в большом пальце Image src. (например: controlnavthumbsreplace = ”setting”) keyboardNav: используйте стрелки влево и вправо. (например: keyboardnav = ”setting”) pauseOnHover: остановить анимацию при наведении курсора. (например: pauseonhover = "setting") manualAdvance: принудительный переход вручную. (например: manualadvance = ”setting”) prexText: Текст, отображаемый для предыдущего (например, prevtext = ”prev”) nextText: Текст, отображаемый для следующего (например, prevtext = ”next”) randomStart [«true» | «false» ]: Начать со случайного слайда (например, randomstart = ”true”) captionOpacity: Универсальная непрозрачность заголовка. (пример: captionopacity = "настройка") disableCaptions: (пример: disablecaptions = "1 ″) beforeChange: (например: beforechange =" настройка ") afterChange: (например: afterchange =" настройка ") slideshowEnd: запускается после того, как все слайды были показано. (например: slideshowend = ”setting”) lastSlide: запускается, когда отображается последний слайд. (например: lastslide = ”setting”) afterLoad: срабатывает, когда слайдер загружен. (например: afterload = ”setting”) Эффекты Nivo: random sliceDown sliceDownLeft sliceUp sliceUpLeft sliceUpDown sliceUpDownLeft fold foldReverse fade slideInRight slideInLeft boxRandom boxRain boxRainReverse boxRainGrow boxRainggGrow-lider-Примеры: n Галерея "Привет" = "1 ″ html_id =" about-slider "width =" 200 "height =" 150 "center =" 1 "] [ngg-nivoslider html_id =" about-slider "directionnav =" false "controlnav =" false »] [теги ngg-nivoslider = порядок слайд-шоу =» random »effect =« fade »shuffle =« true »max_pictures =» 12 ″ html_id = «slider» resizebg = »fdfdfd» resizewidth = »900 ″ resizeheight =» 620 ″ resize = "3" center = "1" directionNav = "false" controlNav = "false" pauseTime = "10000" animSpeed = "1000" pauseOnHover = "false"] Сделать Не стесняйтесь предлагать новые функции или вещи, которые вам нужны увидеть в этом плагине! Создайте дополнительные темы. Прокручиваемые миниатюры?
Автор: Aldert Vaandering
Версия: 3.2.7