如何解决jQuery JCarousel不是lite和鼠标滚轮需要帮助
| 我在下面使用这些js文件:jquery-1.4.2.min.js
include/jcarousel/lib/jquery.jcarousel.min.js
include/mousewheel/jquery.mousewheel.js
在我的index.PHP文件中,我得到了:
jQuery(document).ready(function() {
jQuery(\'#mycarousel\').mousewheel(function(event,delta) {
if (delta > 0)
{carousel.prev();}
else if (delta < 0)
{carousel.next();}
});
jQuery(\'#mycarousel\').jcarousel({
size: mycarousel_itemList.length,itemloadCallback: {onBeforeAnimation: mycarousel_itemloadCallback},visible: 3,btnNext: null,btnPrev: null,});
});
我相信问题出在
{carousel.prev();}
{carousel.next();}
我想将鼠标滚轮添加到我的jcarousel中,但是我在滚动滚轮时找不到要调用的适当函数。
请帮我。可能需要更多信息。直到现在我还是自己做。 :(
解决方法
carousel.prev();和carousel.next();将无法使用,因为轮播尚未定义。您需要指定一个回调函数,然后可以在其中手动运行轮播函数。
例如:
jQuery(\'#mycarousel\').jcarousel({
size: mycarousel_itemList.length,itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback},visible: 3,btnNext: null,btnPrev: null,// The callback function to run
initCallback: mycarousel_initCallback,});
function mycarousel_initCallback(carousel) {
// All code referencing the carousel in here.
jQuery(\'#mycarousel\').mousewheel(function(event,delta) {
if (delta > 0)
{carousel.prev();}
else if (delta < 0)
{carousel.next();}
});
}
在此示例中了解更多信息:http://sorgalla.com/projects/jcarousel/examples/static_controls.html
希望这可以帮助!
,在您的jquery.jcarousel.js中插入我的代码段
在这行之后:
$(window).bind(\'load.jcarousel \',function(){windowLoaded = true;});
// Activate the mouse wheel function --------------------------
$(\'.jcarousel\').bind(\'mousewheel\',function(event,delta) {
if (delta > 0)
self.prev();
else if (delta < 0)
self.next();
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。