it-swarm-ko.tech

동일한보기에서 다른 효과를 가진 슬라이드 쇼보기

Views Slideshow 를 사용하여 캡션이있는 슬라이드 쇼를 만들고 싶습니다. image | description 필드이지만 모든 것이 동시에 미끄러집니다. 필드마다 다른 효과를 설정하려면 어떻게해야합니까? 다른 뷰를 사용하고 함께 연결해야합니까?

5
pasine

slide에 대해 다른 효과를 구현하려면 views fractionslider 모듈을 사용하여 동일하게 구현할 수 있습니다.

이미지/텍스트 슬라이더 용 jQuery 플러그인. 슬라이드 당 여러 요소에 애니메이션을 적용 할 수 있습니다. 페이드 또는 (왼쪽) 왼쪽, 지연 및 여유와 같은 다른 애니메이션 방법을 설정하거나 플러그인 옵션에서 일부 기본값을 설정하십시오. 또한 html 및 CSS를 통해 전체 레이아웃/디자인 제어가 가능합니다 (html 요소마다 애니메이션을 적용 할 수 있음). 또한 완벽하게 반응합니다.

1
Jayendra Kainthola
1
Fahad Ur Rehman

고급 jquery 옵션 아래의 슬라이드 쇼 형식보기 설정에서 고급 옵션 값에서 fx 옵션을 선택하면 쉼표로 다양한 효과 seprate를 입력 할 수 있습니다.이 작업에는 json2.js가 필요하지만이 파일은 sites/all/libraries/json2에 있습니다 jQuery Cycle 플러그인의 경우-옵션 참조 - http://malsup.com/jquery/cycle/options.html

0
Sathish Rio

컨트롤이 연결되어 있지 않고 서로 동기화되지 않을 수 있다는 점을 제외하고 뷰 첨부 파일 만들기가 작동합니다.

나는 비슷한 것을 성취하려고 노력했다. 하나의 필드를 페이드하고 다른 필드를 슬라이드하고 싶습니다. 복제하려는 방법은 www.bluecadet.com에 있지만 사내에서 만든 맞춤형 슬라이더를 사용하고 있다고 생각합니다.

뷰 슬라이드 쇼 tpl 파일을 재정의하려고 시도하고 있지만 빨리 사라지고 있습니다.

0
Pete

Jquery주기 플러그인을 사용하는 경우 고급 옵션을 사용하여 각 개별 슬라이드 내의 요소에 일부 jquery를 적용 할 수 있습니다. 뷰 구성 페이지에서 수행하는 대신 사용자 정의 js 파일 내 에서이 작업을 수행하는 것이 가장 쉽다는 것을 알았습니다.

beforeafter 설정이 필요합니다. 따라서 사용자 정의 js 파일은 다음과 유사한 코드를 가질 수 있습니다.

$('YOUR_SLIDESHOW_WRAPPER_DIV_NAME_HERE').cycle({
     fx: 'fade',
     speed: 'slow',
     timeout: 0,
     before: onBefore,
     after: onAfter,


    });


 function onBefore(curr, next, opts){
    // Code to do stuff before the slide changes
       $('.slide_description_wrapper').slideUp();
    }


 function onAfter(curr, next, opts){
   // Code to do stuff after the slide changes
    $('.slide_description_wrapper').slideDown();
}

이 예제는 here ... 위의 코드보다 약간 복잡하지만 각 슬라이드 내의 요소에서 사용자 정의 jquery 이벤트를 트리거하는 방법에 대한 좋은 아이디어를 제공합니다. .

0
user2014