기본 플러그인은 Nextgen 갤러리입니다. 그런 다음 플러그인에 nivo 슬라이더 기능을 추가하는 Nextgen jSlider가 제공됩니다. 문제는 엄지 손가락이 jCarousel 안에 있어야한다는 것입니다. 슬라이더 jquery 스크립트를 수정하여 이미지를 ul에 넣고 jcarousel을 초기화했습니다.jQuery/Wordpress - jCarousel을 NivoSlider Thumbs에 통합하는 방법은 무엇입니까?
여기가 <head>
에 넣어 코드입니다 :
<script src="/wp-content/themes/twentyten/jquery.jcarousel.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="/wp-content/themes/twentyten/skin.css" type="text/css" media="all" />
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#navCarousel').jcarousel();
});
</script>
축소판 NIVO JQuery와 스크립트에 의해 생성 된 HTML 코드의이
<div class="nivo-controlNav" style="visibility: visible; ">
<ul id="navCarousel" class="jcarousel-skin-tango">
<li><a class="nivo-control" rel="0"><img src="/test/thumbs/thumbs_5.jpg" alt=""></a></li>
<li><a class="nivo-control" rel="1"><img src="/test/thumbs/thumbs_1.jpg" alt=""></a></li>
<li><a class="nivo-control" rel="2"><img src="/test/thumbs/thumbs_2.jpg" alt=""></a></li>
<li><a class="nivo-control" rel="3"><img src="/test/thumbs/thumbs_3.jpg" alt=""></a></li>
<li><a class="nivo-control active" rel="4"><img src="/test/thumbs/thumbs_4.jpg" alt=""></a></li>
</ul>
</div>
이 좀 때 작동 브라우저에서 페이지를 저장하고 로컬 파일을 다시 엽니 다 (jquery는 비활성 상태 임). 내가 할 때의 모습은 다음과 같습니다. link
나는 어떤 종류의 입력을 주셔서 감사합니다. 감사.
그렇지 않다면, 당신은 same thing을 할 수있는 다른 플러그인의 알 수 있습니까?
모든 최고의, 크리스
우수. 내가 필요한 모든 것을 저기에있는 것처럼 보입니다. 감사! – Cris
:) 그게 도움이되면 기쁩니다. 건배 –