jquery jcarousellite 怎么调用?

Question

我在jcarousellite_1.0.1.pack.js 下载了<script type="text/javascript"> 
    $(".mFive mt20").jCarouselLite({
        btnNext: ".default .mfLeft",
        btnPrev: ".default .mfLeft"
    });   
</script> <div class="mFive mt20" id="student">
  <ul><a href="#" class="mfLeft" ></p><a href="#" class="mfRight" ></a>
                <li>
                 <p class="pImg"><a href="#"><img src="1.jpg"style="height:87px; width:83px;"/></a></p>
                    
                </li>
</ul>
</div>   
  我这样调用是不起作用的。那位大虾知道？

Answer 1

<script type="text/javascript">  
  $(".mFive mt20").jCarouselLite({
  btnNext: ".default .mfLeft",
  btnPrev: ".default .mfLeft"
  });   
</script> <div class="mFive mt20" id="student">
  <ul><a href="#" class="mfLeft" ></p><a href="#" class="mfRight" ></a>
  <li>
  <p class="pImg"><a href="#"><img src="1.jpg"style="height:87px; width:83px;"/></a>
</p>
<p class="pImg">
<a href="#"><img src="1.jpg"style="height:87px; width:83px;"/></a></p>
    <p class="pImg">
<a href="#"><img src="1.jpg"style="height:87px; width:83px;"/></a></p>  </li>
</ul>
</div>

Answer 2

jquery.min.js
jcarousellite_1.0.1.pack.js
jquery.js
3个都引用到页面进去了

Answer 3

我用   firefox fire bug 看了控制台没有问题。 就是没有效果。
 想问下，一定要用class来吗？就不能用id 吗？<script type="text/javascript">   
－－div 的class 的
  $(".mFive mt20").jCarouselLite({
  btnNext: ".default .mfLeft",
  btnPrev: ".default .mfLeft"
  });   
</script>

Answer 4

没用过这个不太清楚。
http://sorgalla.com/projects/jcarousel/

Answer 5

http://www.onextrapixel.com/2009/04/28/jquery-jcarousel-lite-with-pretty-image-captions-that-appear-on-rollover/
这个不错

Answer 6

captify.tiny.js
jcarousellite_1.0.1.pack.js<script type="text/javascript"> 
  
$(function() {
     $(".mFive mt10").jCarouselLite({
         btnNext: ".next",
         btnPrev: ".prev",
         visible: 5
     });
});
$(document).ready(function(){
$('img.captify').captify({
// all of these options are... optional
// ---
// speed of the mouseover effect
speedOver: 'fast',
// speed of the mouseout effect
speedOut: 'normal',
// how long to delay the hiding of the caption after mouseout (ms)
hideDelay: 500,
// 'fade', 'slide', 'always-on'
animation: 'slide',
// text/html to be placed at the beginning of every caption
prefix: '',
// opacity of the caption on mouse over
opacity: '0.7',
// the name of the CSS class to apply to the caption box
className: 'caption-bottom',
// position of the caption (top or bottom)
position: 'bottom',
// caption span % of the image
spanWidth: '100%'
});
});
</script>   <div class="mFive mt10" id="student">
  <ul><a href="#" class="mfLeft" alt="prev"></p><a href="#" class="mfRight" alt="next"></a>  <li>
  <p class="pImg"><a href="#"><img src="1.jpg"style="height:87px; width:83px;"/></a>
</p>
<p class="pImg">
<a href="#"><img src="1.jpg"style="height:87px; width:83px;"/></a></p>
  <p class="pImg">
<a href="#"><img src="1.jpg"style="height:87px; width:83px;"/></a></p>  </li>
</ul>
</div>
－－－－－－－－－－－－
没有效果，我那个是超链接 是不用用alt的 ，有什么方法可以替代吗？

Answer 7

－－－－－－－－－－－－－－
我引入了jquery 核心js  和captify.tiny.js jcarousellite_1.0.1.pack.js

Answer 8

我顶，你定位错了
$(".mFive").jCarouselLite({代码你懂得})  
或
$(".mt10").jCarouselLite({代码你懂得})<div class="mFive mt20" id="student"> 这个div 同时应用了两个样式，分别是mFive ,mt20

Answer 9

$(".mFive, .mt10").jCarouselLite({}); 多个同时调用，这样写应该也行吧。没试过，你顺便试试。
但是如果两个 class 都指向同一个元素的话，建议还是不要这样用了。