Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

Рандомная анимация nivo слайдера


Recommended Posts

Guest

Рад всех приветствовать.

Перед тем как сказать что куча тем уже, прошу дочитать)

Вообщем сижу дорабатываю сайт один, а это зло просто, и тут попросили сделать рандомные эффекты смены изображений, начал я рыться, и оказалось не все так просто, в джаваскрипте оно указано, но в темплейте анимация прописана вручную + в одном модуле еще и карусель приделана.

 

Вопрос один: можно ли переделать этот скрипт так чтоб сделать переключение эффектов рандомными :

 

<script>
$(document).ready(function(){
$('#slider img').hide();
var e = $('#slider img').length-1;
var i = 0;
$('#1').fadeIn(800);
 
function few() {
var g = i-1;
if(g>=0){
$('#'+g).hide();
}else{g = e;
$('#'+g).hide();
};
 
$('#'+i).fadeIn(800);
i++;
if(i >e){i = 0};
};
 
setInterval(few, 8000);
 
});
 
</script>
Link to post
Share on other sites

можно ли переделать этот скрипт так чтоб сделать переключение эффектов рандомными

По поводу переделать - нет времени разбираться, так инициализируется Nivo Slider с случайными эффектами:

<script type="text/javascript">
$(window).load(function()
{
	$('#slider').nivoSlider
	({
		effect: 'random'
	});
});
</script>
Link to post
Share on other sites

Guest

Да я это пробывал, все сразу криво стает, доработки на сайте делались кривыми руками очень

Link to post
Share on other sites

Тогда попробуйте найти место где инициализируется Nivo Slider и прописать в параметрах инициализации effect: 'random', указанный Вами код больше похож на изворот для решения задачи таймаута.

Link to post
Share on other sites

Guest

Не то слово изворот, показал бы вам целый код модуля... сделанного СпецилиАстом

Link to post
Share on other sites

Думаю не стоит, я уже насмотрелся на индусский код, хотя кто без греха... :-D

Link to post
Share on other sites

Guest

Ну тут да)) Но когда есть стандартный функционал, а человек вручную пишет пункты меню в коде, баннер на главной странице берет картинки со всех банеров, плюс в модуле совмещаются два, вместо - 3(рекомендуемые, последние, хиты продаж) он вручную пишет чтоб все товары подбирались с определенных опций, и при том, если эти товары есть в модуле - Рекомендуемые(он для него послужил массивом), только в том случае привязанный товар к опции - Последние покажется на главной )))) и смех и грех

Link to post
Share on other sites

Это происходит от непонимания архитектуры, как самого движка, так и паттерна MVC-L, подтверждая известную поговорку: "Не знавши броду, не лезь в воду".

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Similar Content

    • By 23keks23
      750 10
      Скачать/Купить дополнение


      Instagram Feed Widget
      Отличный от других, модуль для отображения фото из Instagram.
      Легко настраиваемый и удобный модуль.
      3 варианта отображения: сетка, слайдер, и слайдер с пагинацией
      (в дальнейшем, планирую добавить вид masonry и highlight)
       
      Не использует vQmod.
      Не использует Ocmod.
      Не заменяет стандартные файлы.
      Подходит для любого шаблона, с возможностью кастомизации.
       
      Внимание! Для работы нет необходимости получать Access Token!
       
      Преимущества перед другими модулями:
      Возможность ИСКАТЬ фотографии по имени, по хештегу и даже по слову или фразы из описания Умеет СОРТИРОВАТЬ фотографии по лайкам, комментариям, дате публикации и даже по нескольким пунктам одновременно Для ускорения работы вашего сайта, что бы ограничить попытки "связываться" с Instagram, в модуле встроено КЭШИРОВАНИЕ фотографий CRON - если в вашем аккаунте, аккаунте знакомых или по популярному тегу, регулярно обновляются посты, можно кэшировать по расписанию Есть возможность вывести ИНФОРМАЦИЮ о пользователе, который опубликовал фотографии, а так же опубликованную ИСТОРИЮ Удобный интерфейс и качественная верстка без лишних использований различных плагинов При клике на пост, есть возможность открыть подробную информацию в PopUp окне Доступно воспроизведение видео, как при наведении на пост, так и при открытом PopUp  
      Демо - oc21.itpixel.ru
      Логин/Пароль: demo/demo
       
      Официальный сайт с подробной информацией о модуле
      со сниженной ценой и дополнительными скидками https://itpixel.ru/igfeedwidget

      Работает на всех актуальных версиях OpenCart и OcStore. С любым шаблоном.
      Модуль доступен для всех основных версий Opencart, OcStore, MaxtStore, Opencart.pro
       
      Для установки, вам потребуется PHP с версией не ниже 5.6 и следование моей инструкции.
      Скачайте модуль Установите модуль Настройте модуль  
      Если у вас версия младше 2.x.x:
      Запросите архив с модулем Разархивируйте файл Содержимое папки UPLOAD скопируйте на свой сайт в его корень Если у вас версия 2.x.x или выше:
      Установите модуль используя функцию вашей CMS "Установка дополнений" или "Установка расширений"  
      P.S. Поделитесь этой страницей с вашими знакомыми или друзьями!!!
      P.P.S. И не забывайте оставлять отзывы, даже если они не положительный.
       
      Добавил 23keks23 Добавлено 07.02.2020 Категория Модули Системные требования Метод активации По запросу в ЛС
      По запросу на почту
      По емейлу
      Автоматическая активация
      Через официальный сайт дополнения Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6 ocStore 3.0
      2.3.0.2.4
      2.3
      2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х
      OcShop 1.5.6.4.х Обращение к серверу разработчика Да  
    • By klaos27
      800 12
      Скачать/Купить дополнение


      OCDbanner: Баннеры | Слайдеры | Видео
      OCDbanner: Баннеры | Слайдеры | Видео - многофункциональный модуль для вывода баннеров, слайдеров и показа видеороликов на вашем сайте. 
       
      Основные настройки модуля:
      1) Вывод заголовка модуля
      2) Ширина блока модуля:
         - На ширину контейнера
         - На ширину экрана
         - Фон на ширину экрана, содержимое на ширину контейнера (в качествена фона можно выбрать либо изображение, либо указать цвет) 
      3) Отображение модуля на различных устройствах.
      4) Пользовательские шаблоны. К каждому модулю можно подключить пользовательский шаблон, тем самым при обновлении модуля не потеряются какие-либо сделанные изменения.
       
      Внимание!
      Для настройки "Ширина блока" для вариантов "На ширину экрана" и "Фон на ширину экрана, содержимое на ширину контейнера" в большинстве случаев потребуется адаптация под шаблоны.

      Основные настройки для баннеров в группе:
      1) Вывод названия группы
      2) Три режима отображения
         - Сетка Bootstrap (1, 2, 3, 4 или 6 баннеров в ряду)
         - Карусель (автопрокрутка, навигация, лимит баннеров в видимой части карусели на разных разрешениях экрана (неограниченное количество разрешений), расстояние между баннерами для различных разрешений)
         - Произвольная сетка (настраиваемое расстояние между баннерами)
      3) Размеры изображений
      4) Статус группы
       
      После обновления на ver.4 необходимо в административной части перенастроить произвольную сетку!
       
      При режимах отображения группы "Сетка Bootstrap" и "Произвольная сетка" для каждого баннера можно выбрать один из трех типов:
      1) Изображение
      2) Видео
      3) Слайдер
       
      При режиме отображения группы "Карусель" для каждого баннера можно выбрать один из двух типов:
      1) Изображение
      2) Видео
       
      Абсолютно любому баннеру можно указать статус включено/отключено.
       
      Мультиязычные настройки для типа баннера "Изображение":
      1) Изображение.
      2) Эффект при наведении на изображение (12 эффектов). 
      3) Заголовок (поддержка html-кода). Также будет использоваться как title изображения.
      4) Alt для изображения.
      5) Статус заголовка.
      6) Позиция для заголовка (перед изображением, после изображения, в теле изображения).
      7) Выравнивание заголовка (по левому краю, по правому краю, по центру).
      8) Ссылка.
      9) Указывает ли ссылка на видеоролик (YouTube или Vimeo).
      10) Ссылки открываются в текущем или новом окне. Отдельно для видеороликов предусмотрен показ в модальном окне.
      11) Статус описания баннера.
      12) Описание (поддержка html-кода + при необходимости можно включить визуальный редактор).
      13) Порядок сортировки.
       
      Мультиязычные настройки для типа баннера "Видео":
      1) Выбор видеохостинга (YouTube или Vimeo).
      2) ID видео. Для показа видеоролика необходимо ввести в поле только его ID.
      3) Заголовок для видео.
      4) Статус заголовка.
      5) Позиция для заголовка (перед или после видеоролика).
      6) Выравнивание заголовка (по левому краю, по правому краю, по центру).
      7) Порядок сортировки.
       
      Мультиязычные настройки для типа баннера "Слайдер":
      1) Статус слайдера.
      2) Изображение.
      3) Заголовок (поддержка html-кода). Также будет использоваться как title изображения.
      4) Alt для изображения.
      5) Статус заголовка.
      6) Выравнивание заголовка (по левому краю, по правому краю, по центру).
      7) Ссылка.
      8) Указывает ли ссылка на видеоролик (YouTube или Vimeo).
      9) Ссылки открываются в текущем или новом окне. Отдельно для видеороликов предусмотрен показ в модальном окне.
      10) Статус описания баннера
      11) Описание (поддержка html-кода + при необходимости можно включить визуальный редактор)
      12) Порядок сортировки.
       
      Уровни доступа:
      1) Показ баннеров для разных магазинов
      2) Показ баннеров для разных групп покупателей
      3) Показ баннеров для разных категорий
      4) Показ баннеров для разных производителей
      5) Показ баннеров для разных товаров
       
      При необходимости внесения изменений в стилевое оформление модуля предусмотрена вкладка "CSS".
       
      Не перезаписывает системных файлов движка
      Не использует VQmod
      Не использует OCMOD
      Не использует ioncube
       
      Демо модуля - http://demo.oc-day.ru/ (см. пункты в верхнем меню)
      Административная часть: http://demo.oc-day.ru/admin/index.php?route=extension/extension
      Логин: demo
      Пароль: demo

      Установка
      1) Загрузить ocdbanner.ver4.ocmod.zip через Дополнения / Установка дополнений (Extensions / Extension Installer)
      2) Ввести лицензионный ключ
      3) Перейти в Система/Группы пользователей и для администратора установить права доступа (в блоках "Разрешить просмотр" и "Разрешить редактировать" отметить галочкой для версий 2.3 и 3.х - extension/module/ocdbanner, для версии 2.1 - module/ocdbanner)
      4) В настройках модуля на вкладке "Доступы" обязательно отметить магазин и группу покупателей, для которых необходимо показывать модуль.
      5) Вывести созданный модуль на необходимой странице.
       
      Обновление
      1) Загрузить ocdbanner.ver4.ocmod.zip через Дополнения / Установка дополнений (Extensions / Extension Installer)
      2) Зайти в модуль, ввести лицензионный ключ и пересохранить настройки.

      Внимание!
      Для произвольной сетки отключены следующие эффекты: Apollo, Jazz, Sarah, Romeo, Bubba, Marley, Oscar и Sadie.
       
      Для получения ключа лицензии оправьте на e-mail: info@oc-day.ru или посредством личных сообщений по месту покупки следующую информацию:
      1) Номер заказа 
      2) Домен, на котором используется или будет использоваться модуль.
       
      Лицензия!
      1) Данный модуль реализуется по принципу: одна лицензия - один домен.
      2) Запрещена перепродажа модуля без согласия автора.
      3) Запрещена передача модуля третьим лицам, распространение и публикация от своего имени без получения разрешения автора модуля.
       
      С 15.05.2021 прекращен выход новых версий для ос2.1
      Добавил klaos27 Добавлено 15.10.2017 Категория Слайдшоу, баннеры, галереи Системные требования Метод активации По запросу в ЛС
      По запросу на почту Ioncube Loader Нет OpenCart 3.0
      2.3
      2.1 ocStore 3.0
      2.3
      2.1 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Нет  
    • By klaos27
      OCDbanner: Баннеры | Слайдеры | Видео - многофункциональный модуль для вывода баннеров, слайдеров и показа видеороликов на вашем сайте. 
       
      Основные настройки модуля:
      1) Вывод заголовка модуля
      2) Ширина блока модуля:
         - На ширину контейнера
         - На ширину экрана
         - Фон на ширину экрана, содержимое на ширину контейнера (в качествена фона можно выбрать либо изображение, либо указать цвет) 
      3) Отображение модуля на различных устройствах.
      4) Пользовательские шаблоны. К каждому модулю можно подключить пользовательский шаблон, тем самым при обновлении модуля не потеряются какие-либо сделанные изменения.
       
      Внимание!
      Для настройки "Ширина блока" для вариантов "На ширину экрана" и "Фон на ширину экрана, содержимое на ширину контейнера" в большинстве случаев потребуется адаптация под шаблоны.

      Основные настройки для баннеров в группе:
      1) Вывод названия группы
      2) Три режима отображения
         - Сетка Bootstrap (1, 2, 3, 4 или 6 баннеров в ряду)
         - Карусель (автопрокрутка, навигация, лимит баннеров в видимой части карусели на разных разрешениях экрана (неограниченное количество разрешений), расстояние между баннерами для различных разрешений)
         - Произвольная сетка (настраиваемое расстояние между баннерами)
      3) Размеры изображений
      4) Статус группы
       
      После обновления на ver.4 необходимо в административной части перенастроить произвольную сетку!
       
      При режимах отображения группы "Сетка Bootstrap" и "Произвольная сетка" для каждого баннера можно выбрать один из трех типов:
      1) Изображение
      2) Видео
      3) Слайдер
       
      При режиме отображения группы "Карусель" для каждого баннера можно выбрать один из двух типов:
      1) Изображение
      2) Видео
       
      Абсолютно любому баннеру можно указать статус включено/отключено.
       
      Мультиязычные настройки для типа баннера "Изображение":
      1) Изображение.
      2) Эффект при наведении на изображение (12 эффектов). 
      3) Заголовок (поддержка html-кода). Также будет использоваться как title изображения.
      4) Alt для изображения.
      5) Статус заголовка.
      6) Позиция для заголовка (перед изображением, после изображения, в теле изображения).
      7) Выравнивание заголовка (по левому краю, по правому краю, по центру).
      8) Ссылка.
      9) Указывает ли ссылка на видеоролик (YouTube или Vimeo).
      10) Ссылки открываются в текущем или новом окне. Отдельно для видеороликов предусмотрен показ в модальном окне.
      11) Статус описания баннера.
      12) Описание (поддержка html-кода + при необходимости можно включить визуальный редактор).
      13) Порядок сортировки.
       
      Мультиязычные настройки для типа баннера "Видео":
      1) Выбор видеохостинга (YouTube или Vimeo).
      2) ID видео. Для показа видеоролика необходимо ввести в поле только его ID.
      3) Заголовок для видео.
      4) Статус заголовка.
      5) Позиция для заголовка (перед или после видеоролика).
      6) Выравнивание заголовка (по левому краю, по правому краю, по центру).
      7) Порядок сортировки.
       
      Мультиязычные настройки для типа баннера "Слайдер":
      1) Статус слайдера.
      2) Изображение.
      3) Заголовок (поддержка html-кода). Также будет использоваться как title изображения.
      4) Alt для изображения.
      5) Статус заголовка.
      6) Выравнивание заголовка (по левому краю, по правому краю, по центру).
      7) Ссылка.
      8) Указывает ли ссылка на видеоролик (YouTube или Vimeo).
      9) Ссылки открываются в текущем или новом окне. Отдельно для видеороликов предусмотрен показ в модальном окне.
      10) Статус описания баннера
      11) Описание (поддержка html-кода + при необходимости можно включить визуальный редактор)
      12) Порядок сортировки.
       
      Уровни доступа:
      1) Показ баннеров для разных магазинов
      2) Показ баннеров для разных групп покупателей
      3) Показ баннеров для разных категорий
      4) Показ баннеров для разных производителей
      5) Показ баннеров для разных товаров
       
      При необходимости внесения изменений в стилевое оформление модуля предусмотрена вкладка "CSS".
       
      Не перезаписывает системных файлов движка
      Не использует VQmod
      Не использует OCMOD
      Не использует ioncube
       
      Демо модуля - http://demo.oc-day.ru/ (см. пункты в верхнем меню)
      Административная часть: http://demo.oc-day.ru/admin/index.php?route=extension/extension
      Логин: demo
      Пароль: demo

      Установка
      1) Загрузить ocdbanner.ver4.ocmod.zip через Дополнения / Установка дополнений (Extensions / Extension Installer)
      2) Ввести лицензионный ключ
      3) Перейти в Система/Группы пользователей и для администратора установить права доступа (в блоках "Разрешить просмотр" и "Разрешить редактировать" отметить галочкой для версий 2.3 и 3.х - extension/module/ocdbanner, для версии 2.1 - module/ocdbanner)
      4) В настройках модуля на вкладке "Доступы" обязательно отметить магазин и группу покупателей, для которых необходимо показывать модуль.
      5) Вывести созданный модуль на необходимой странице.
       
      Обновление
      1) Загрузить ocdbanner.ver4.ocmod.zip через Дополнения / Установка дополнений (Extensions / Extension Installer)
      2) Зайти в модуль, ввести лицензионный ключ и пересохранить настройки.

      Внимание!
      Для произвольной сетки отключены следующие эффекты: Apollo, Jazz, Sarah, Romeo, Bubba, Marley, Oscar и Sadie.
       
      Для получения ключа лицензии оправьте на e-mail: info@oc-day.ru или посредством личных сообщений по месту покупки следующую информацию:
      1) Номер заказа 
      2) Домен, на котором используется или будет использоваться модуль.
       
      Лицензия!
      1) Данный модуль реализуется по принципу: одна лицензия - один домен.
      2) Запрещена перепродажа модуля без согласия автора.
      3) Запрещена передача модуля третьим лицам, распространение и публикация от своего имени без получения разрешения автора модуля.
       
      С 15.05.2021 прекращен выход новых версий для ос2.1
    • By 23keks23
      Отличный от других, модуль для отображения фото из Instagram.
      Легко настраиваемый и удобный модуль.
      3 варианта отображения: сетка, слайдер, и слайдер с пагинацией
      (в дальнейшем, планирую добавить вид masonry и highlight)
       
      Не использует vQmod.
      Не использует Ocmod.
      Не заменяет стандартные файлы.
      Подходит для любого шаблона, с возможностью кастомизации.
       
      Внимание! Для работы нет необходимости получать Access Token!
       
      Преимущества перед другими модулями:
      Возможность ИСКАТЬ фотографии по имени, по хештегу и даже по слову или фразы из описания Умеет СОРТИРОВАТЬ фотографии по лайкам, комментариям, дате публикации и даже по нескольким пунктам одновременно Для ускорения работы вашего сайта, что бы ограничить попытки "связываться" с Instagram, в модуле встроено КЭШИРОВАНИЕ фотографий CRON - если в вашем аккаунте, аккаунте знакомых или по популярному тегу, регулярно обновляются посты, можно кэшировать по расписанию Есть возможность вывести ИНФОРМАЦИЮ о пользователе, который опубликовал фотографии, а так же опубликованную ИСТОРИЮ Удобный интерфейс и качественная верстка без лишних использований различных плагинов При клике на пост, есть возможность открыть подробную информацию в PopUp окне Доступно воспроизведение видео, как при наведении на пост, так и при открытом PopUp  
      Демо - oc21.itpixel.ru
      Логин/Пароль: demo/demo
       
      Официальный сайт с подробной информацией о модуле
      со сниженной ценой и дополнительными скидками https://itpixel.ru/igfeedwidget

      Работает на всех актуальных версиях OpenCart и OcStore. С любым шаблоном.
      Модуль доступен для всех основных версий Opencart, OcStore, MaxtStore, Opencart.pro
       
      Для установки, вам потребуется PHP с версией не ниже 5.6 и следование моей инструкции.
      Скачайте модуль Установите модуль Настройте модуль  
      Если у вас версия младше 2.x.x:
      Запросите архив с модулем Разархивируйте файл Содержимое папки UPLOAD скопируйте на свой сайт в его корень Если у вас версия 2.x.x или выше:
      Установите модуль используя функцию вашей CMS "Установка дополнений" или "Установка расширений"  
      P.S. Поделитесь этой страницей с вашими знакомыми или друзьями!!!
      P.P.S. И не забывайте оставлять отзывы, даже если они не положительный.
       
    • By noti
      750 10
      Скачать/Купить дополнение


      Слайдшоу для OpenCart - адаптивный слайдер с выводом слогана
      Адаптивное слайдшоу для Opencart на основе FlexSlider 2.
      Возможности и преимущества:
      Возможен вывод слогана на слайде из админки. Кнопка для ссылки на сайдере Три анимационных эффекта Сдвиг, Вертикальный сдвиг и Появление. Регулируется интервал времени смены слайдов. Возможно отображение как с нижними миниатюрами изображения так и без них. Задается максимальная ширина слайдера, цвет шрифта, фона слайдера и его расположение. Для вывода слайдеров используются стандартные баннеры. Устанавливается отдельным модулем. Управление пальцами на устройствах с сенсорным экраном. Вес всего 22kb  
      Демо (3 варианта слайдера)
      Демо админки
      Логин demo, пароль demo
       
      Пример #1
      Слайдер с миниатюрами изображений и текстом по центру. Полупрозрачный фон можно убрать совсем и оставить только текст.

       
      Пример #2
      Надпись слайдера можно расположить справа, слева или по центру и задать нужную величину ширины прозрачного слоя.

      Стиль фона текста, стиль текста и кнопок единый для всего слайдера.
      Инструкция по установке в папке Documentation
      Имена файлов и версии движка:
      FlexSlider RB OpenCart 2.3 - для OpenCart 2.3, OcSore 2.3 FlexSlider RB OpenCart 2.2 - для OpenCart 2.2 FlexSlider RB OpenCart 2.0 - для OpenCart 2.0, 2.1, OcSore 2.1 FlexSlider RB OpenCart 1.5 - для OpenCart 1.5, OcSore 1.5 Шаблон на котором установлен слайдер.
      Изменения в версии 2.4.1:
      Добавлены точки, когда превью отключены Добавлена поддержка OpenCart / OcStore 1.5 Изменения в версии 2.3:
      добавлен еще один эффект (вертикальный сдвиг) если указана ссылка на баннере, то появляется кнопка задается текст этой кнопки добавлены опции по стилизации (цвет кнопки, текста, фона и расположение блока) Добавил noti Добавлено 16.10.2015 Категория Слайдшоу, баннеры, галереи Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.4.1
      1.5.3.1 ocStore 2.3
      2.2
      2.1
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1
      1.5.2.1
      1.5.1.3 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х
      OcShop 1.5.6.4.х Обращение к серверу разработчика Нет  
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.