2012-01-20 2 views
0

Smooth Slider wp Plugin은 전환 효과로 jquery.jcarousel.min.js를 사용합니다. 문제는 단일 유형의 전환 (기본값) : 스윙을 포함한다는 것입니다.jCarousel Smooth Slider Wordpress Plugin에 사용자 정의 전환 효과 추가

누군가 내가 전환 유형을 페이딩 같은 것으로 변경할 수있는 방법을 안내해 줄 수 있습니까? 내가 읽은 바로는, .animate() 함수를 jQuery에서 사용해야하는데, 구체적으로는 완화 속성입니다.

나는 그것이 jQueryUI를 사용하여 이루어져야한다는 것을 이해한다. 아마도 기존 jQuery에 플러그인을 추가 할까? 문제는 jQuery를 사용하는 데 별 어려움이 없으며 몇 가지 지침을 정말 고맙게 생각합니다. http://brainconcert.com/minovici/

답변

0

내가 완전히 확실하지 않다하지만 난 당신이 jquery.jcarousel.min.js를 사용하여 jCarousel의 특성을 활용할 수 있다고 생각 : 여기

내가 정의하고자하는 슬라이더입니다.

이러한 내용 (및 내용)은 here입니다.

<!--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>이 유사한 코드를 찾을 수 있습니다.

그래도 작동하지 않는다면, 아직 easing 속성을 제거하지 마십시오. 대신, 서버에 여유 쿼리 플러그인 found here를 배치하고 다음처럼 <head>에 전화 :

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

을 해당 플러그인에라는 완화 속성을 설정하고 작동합니다 최신 jQuery 라이브러리를 포함합니다.

행운을 빈다.

+0

고마워요! 나는 플러그인을 내 웹 사이트에 추가 할 수 있었고 실제로 이제는 기존의 여유 효과로 전환 할 수 있습니다. – Cos

+0

한 가지 더, 어떻게하면 첫 번째 슬라이드로 돌아갈 때 마지막 슬라이드가 동일한 스윙 효과를 갖도록 설정할 수 있는지 알 수 있습니까? (이제는 다른 모든 슬라이드를 통과합니다). 예를 들어 ... 슬라이더가 자동으로 1에서 2로 이동 한 다음 3, 4 및 5로 이동합니다. 마지막 슬라이드 (5)에 도달하면 슬라이더 1로 돌아갑니다. 5-4-3 -2-1. 나는 그것이 표준 방법으로 5에서 1로 갈 것을 찾고 있습니다. 설정해야하는 jCarousel 또는 jQuery의 속성이 있습니까? – Cos

0

jCarousel <head> 태그에 wrap: 'circular'을 추가하면 5에서 1로 전환 할 수 있습니다 ... 완화와 함께이 작업을 수행하는 방법 완전히 확실하지 않습니다.

jCarousel circular page의 출처를 확인하십시오.

다른 jCarousel 예제도 많이 있습니다 (코드를 소스로 가져옴) here.

행운을 빕니다