jQuery 이미지 및 비디오 슬라이드 쇼 라이브러리가 있습니까?

슬라이드 쇼보기 영역에 포함 된 비디오의 이점을 추가하여 이미지 슬라이드 쇼를 수행하는 jQuery 라이브러리를 아는 사람이 있습니까? ESPN.com의 frontpage가 작동하는 것과 유사합니다.jQuery 이미지 및 비디오 슬라이드 쇼 라이브러리가 있습니까?

출처

2010-04-28 Mike

와우 - 슬라이드 쇼에서 다시 클릭하면 비디오가 다시 시작됩니다! 그건 꽤 깔끔한 ... 나는 거기에 다른 사람이 그것을 해본 적이 의심. 스크롤 바를 가까이에서 볼 수 있습니다. http://flowplayer.org/tools/demos/tabs/slideshow.html

이미지를 탭 대신 하나의 비디오에 넣기 만하면됩니다.

출처

2010-04-30 18:26:10 Baloneysammitch

링크가 썩은 것입니다 ... – MarioDS

답변으로 연결됨 - 404 찾을 수 없습니다. 사과! | 우리는 당신이 찾고있는 것을 찾지 못했습니다 .. – Pang

jQuery Cycle plugin을 쉽게 사용할 수 있습니다.

$('#container').cycle({ 
    /* cycle options here */ 
    before: function(currEl) { 
     // Stop the video, using any video plugin of your choice 
     // (e.g., JWPlayer, MeddiaElementJS, etc.) 
     $(currEl).myVideoPlugin('stop'); 
    }, 
});

그리고 비디오 재생이 끝나면 다음 슬라이드로 이동하는 이벤트를 비디오 플레이어 플러그인에 첨부 할 수 있습니다.

출처

2011-12-07 12:55:57

기본 jQuery 슬라이더 (http://basic-slider.com/)는 매우 유연합니다. 모든 유형의 HTML을 각 슬라이드에 삽입 할 수 있습니다 (이미지, 텍스트, 포함 된 비디오 등).

출처

2012-02-24 17:20:40 khedaywi

위대한. 매우 가벼운 무게 – htmldrum

@khedaywi 당신은 어떻게 div의 외부에 (다음과 이전) 화살표를 넣어 알아? –

@FranciscoCorrales CSS의 절대 위치를 사용하여 원하는 위치에 다음 및 이전 화살표를 배치 할 수 있습니다. 가장 쉬운 방법은 요소를 마우스 오른쪽 버튼으로 클릭하고 '요소 검사'를 클릭하여 Google 개발자 도구와 같은 웹 개발자 도구를 사용하는 것입니다. http://basic-slider.com/의 슬라이더 예제에서 이전 버튼은 'ul.bjqs-controls.v-centered li.bjqs-prev a'를 'left : -49px'로 설정하여 조정할 수 있습니다 ; ' – khedaywi

jQuery 이미지 및 비디오 슬라이드 쇼 라이브러리가 있습니까?

답변

관련 문제