Я пытаюсь реализовать nivoslider в своей установке magento. Я просто копирую и вставляю то, что находится в загруженном демонстрационном пакете (который я проверено на моем firefox и работает очень гладко) на magento. я сделал всю домашнюю работу
- скопируйте все необходимые файлы js и css в папку скина моей темы
- #P2# <блочная цитата>
блочная цитата><reference name="head"> <action method="addCss"><stylesheet>css/styles.css</stylesheet></action> ... <action method="addCss"><stylesheet>css/nivo-slider.css</stylesheet></action> <action method="addCss"><stylesheet>css/themes/default/default.css</stylesheet></action> <action method="addCss"><stylesheet>css/themes/default/pascal.css</stylesheet></action> <action method="addCss"><stylesheet>css/themes/default/orman.css</stylesheet></action> <action method="addItem"><type>skin_js</type><name>js/jquery-1.6.2-no-conflict.js</name><params/></action> ... <action method="addItem"><type>skin_js</type><name>js/jquery.nivo.slider.pack.js</name><params/></action> <action method="addItem"><type>skin_js</type><name>js/my_own_custom_script.js</name><params/></action> ... </reference>
скопируйте html-раздел слайдера на странице magento cms
- и, наконец, добавьте
jQuery(document).ready(function($) { $('#slider').nivoSlider(); });
в my_own-custom_script.js
Работает, но не плавно. Иногда слайд просто останавливался на некоторое время. В других случаях один из слайдов изображения не будет отображаться. Анимация также немного мерцает. Навигация по ползунку (кнопка «предыдущий-следующий» и кружок в нижней части ползунка) иногда перестает реагировать на мое событие щелчка. Что меня смущает, так это то, что все эти симптомы просто случаются иногда, в другой раз все проходит хорошо.
о, еще одна вещь, этот nivoslider также всегда вызывает сбой моего firefox каждый раз, когда я проверяю один из его элементов с помощью firebug.
Может ли кто-нибудь дать мне подсказку, почему это происходит? Я подозреваю, что это как-то связано с конфликтом со скриптом Magento Prototype (хотя все это уже работает в режиме без конфликтов)