부트 스트랩 슬라이더를 사용하고 있습니다.
내 슬라이더에는 텍스트가있는 비디오가 있습니다. 슬라이더를 초기화하는 초기화 기능은 없습니다. 클래스 이름이면 충분합니다. 내 코드는 다음과 같습니다.
<div id="home-slide" style="width:920px;margin:0 auto;height:330px;">
<div id="myCarousel1" class="carousel slide" style="height:330px;">
<div class="carousel-inner container">
<div class="active item row-fluid row_padder vid_slider">
<div class="feed_para">
<img src="about/images/new/quote.png" />
<p class="feedback_para"> I got my first job in 2 months, with better industry knowledge, now i am placed in a dream company <span style="color:#2C5F96;font-size:19px;">Mahendran, kanchipuram</span></p>
</div>
<div class="feed_video">
<iframe src="http://www.youtube.com/embed/8Scz9O4cdxs?version=3&enablejsapi=1?rel=0" id="ContentBody_frameVideo" width="405" height="250" frameborder="0" style="background-color:white;"></iframe>
</div>
</div>
<div class="item row-fluid row_padder vid_slider">
<div class="feed_para">
<img src="about/images/new/quote.png" />
<p class="feedback_para"> We learnt latest technologies,got hands on experience and got job through CODEREADY placements <span style="color:#2C5F96;font-size:19px;">2011 batch</span></p>
</div>
<div class="feed_video">
<iframe src="http://www.youtube.com/embed/l2PAPTXj1Vs?version=3&enablejsapi=1?rel=0" id="ContentBody_frameVideo" width="405" height="250" frameborder="0" style="background-color:white;"></iframe>
</div>
</div>
<div class="item row-fluid row_padder vid_slider">
<div class="feed_para">
<img src="about/images/new/quote.png" />
<p class="feedback_para"> I am very grateful to them. To show my gratefulness, i have shared my experience to all my friends. <span style="color:#2C5F96;font-size:19px;">Rajeshwaran</span></p>
</div>
<div class="feed_video">
<iframe src="http://www.youtube.com/embed/aP9XQLv5jxw?version=3&enablejsapi=1?rel=0" id="ContentBody_frameVideo" width="405" height="250" frameborder="0" style="background-color:white;"></iframe>
</div>
</div>
</div>
</div>
</div>
내가 사용하는 스크립트는
<script src="http://www.indiainternetready.com/wp-includes/js/jquery/jquery.js?ver=1.8.3"></script> <script src="http://www.indiainternetready.com/wp-content/themes/iir/bootstrap/js/bootstrap.min.js"></script>
내가 직면 한 문제는 비디오 / 마우스를 플래시 콘텐츠 위에 재생할 때 슬라이더가 멈추지 않는다는 것입니다. 플래시 부분에서 비디오 / 마우스를 재생하는 동안 슬라이더를 정지시키는 방법은 무엇입니까?
어떤 아이디어 녀석?
다음과 같이하면 캐 러셀을 일시 중지 할 수 있습니다.
$('#myCarousel1 .item').click(function () {
$('#myCarousel1').carousel('pause');
});
또는 pause 옵션을 사용하여 캐 러셀을 초기화 할 수 있습니다.
$('#myCarousel1').carousel({
pause: 'hover'
});
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다