Добавление пользовательского эффекта перехода в плагин jCarousel Smooth Slider Wordpress - PullRequest
Новая
       47

Добавление пользовательского эффекта перехода в плагин jCarousel Smooth Slider Wordpress

0 голосов
/ 20 января 2012

Плагин Smooth Slider wp использует jquery.jcarousel.min.js для эффектов перехода. Проблема в том, что он содержит один тип перехода (по умолчанию): swing.

Может кто-нибудь подсказать мне, как я могу изменить тип перехода на что-то вроде затухания? Из того, что я прочитал, я должен использовать функцию .animate () из jQuery, более конкретно атрибут easing .

Я понимаю, что это должно быть сделано с использованием jQueryUI, может быть, добавление плагинов к существующему jQuery? Проблема в том, что я полностью занят с jQuery и буду очень признателен.

Вот слайдер, который я бы хотел настроить: http://brainconcert.com/minovici/

Ответы [ 2 ]

0 голосов
/ 24 января 2012

Если вы добавите wrap: 'circular' к своему тегу jCarousel <head>, вы сможете изменить его с 5 на 1 ... как сделать это проще, я не совсем уверен.

Проверьте источник круговой страницы jCarousel .

Также - множество различных примеров jCarousel (с кодом для извлечения в источнике) здесь .

Удачи

0 голосов
/ 21 января 2012

Я не совсем уверен, но я считаю, что вы можете использовать свойства из jCarousel, используя jquery.jcarousel.min.js .

Эти (и подробности) можно найти здесь .

Что вы можете сделать, чтобы проверить это, найти код, подобный этому в вашем <head>: 

    <!--START: Carousel-->
<script type="text/javascript">
jQuery(document).ready(function() {
        jQuery('#mycarousel').jcarousel();
    jQuery('.multi-carousel').jcarousel({
        easing: 'easeOutBounce',
        animation: 750,
        scroll: 4,
        visible: 0,
        auto: 0,
        wrap: 'last',
        initCallback: mycarousel_initCallback
    });
        });
</script>
<!--END: Carousel-->

Используйтеeasing: свойство.

Если это не работает, пока не удаляйте свойство замедления.Вместо этого, поместите плагин запроса на смягчение , найденный здесь , на свой сервер и назовите его в <head> следующим образом: 

<script type="text/javascript" src="folder/jquery.easing.1.3.js"></script>

Если вы установили свойство замедления, вызвал к этому плагину и включил последнюю библиотеку jQuery, она должна работать.

Удачи!

...