jQuery无限缩略图库

jQuery无限缩略图库,jquery,thumbnails,carousel,image-gallery,infinite-scroll,Jquery,Thumbnails,Carousel,Image Gallery,Infinite Scroll,我正在搜索一个jQuery插件,使gallery与Flash中的一样: 我在谷歌上查询过“jquery无限画廊”、“jquery滚动画廊”等,但没有找到类似的内容。当您向下滚动页面时,它返回的只是Ajax加载的无限滚动库。你知道有什么插件可以实现这样的功能吗?免费还是特价对我来说都不重要。有趣的是,我发现了这样一条线索:带着类似的问题,它几天前就关闭了,我希望我的不会。我在jQuery中发现的最接近的东西是: 但是我不知道如何实现不同的滚动速度,这取决于鼠标离边缘有多近,以及如何使其平滑循环

我正在搜索一个jQuery插件,使gallery与Flash中的一样:

我在谷歌上查询过“jquery无限画廊”、“jquery滚动画廊”等,但没有找到类似的内容。当您向下滚动页面时,它返回的只是Ajax加载的无限滚动库。你知道有什么插件可以实现这样的功能吗?免费还是特价对我来说都不重要。有趣的是,我发现了这样一条线索:带着类似的问题,它几天前就关闭了,我希望我的不会。我在jQuery中发现的最接近的东西是: 但是我不知道如何实现不同的滚动速度,这取决于鼠标离边缘有多近,以及如何使其平滑循环


感谢您的帮助。

如果您想提高或降低滚动速度,可以创建一个透明的div,它将位于您希望鼠标悬停的位置。然后运行一个函数:

$("div").mouseover(function(){
    //increase here your speed
}).mouseout(function(){
    //decrease here your speed
});
这里有一个如何编写无限旋转木马库的教程:

关于使用鼠标控制滚动,这里是我从一个有鼠标滚动的网站上提取的一些代码,但它是针对特定大小的库的,而不是无限的。正如adamb在评论中所说,您可能需要自己构建它,但这可以作为一些启动代码来检测鼠标位置。基本上,你只需要在图像滚动出视野时通过移动图像来创造无限的幻觉。如果图像向左滚动,则在图像滚动时向右移动,反之亦然

            $(function() {
buildThumbs();

function buildThumbs() {
    $('div.portfolio_gallery').each(function() {
        var width = 0;

        var wrapper = $(this).find('.gallery'); 
        wrapper.find('.scroller a').each( function() {
            width += $('.single_img').outerWidth(true);
        });

        var thumbs = $(this).find('.scroller');
        thumbs.css('width', width + 'px');

        makeScrollable(thumbs, wrapper);
    });
}
   function makeScrollable(thumbs, wrapper) {
    var width = wrapper.innerWidth();

    wrapper.scrollLeft(0);

    var leftBuffer = 100;
    var rightBuffer = 100;

    //When user move mouse over menu
    wrapper.unbind('mousemove').bind('mousemove', function(e) {
        var xPos = e.pageX - wrapper.offset().left - leftBuffer;
        var xMax = wrapper.innerWidth() - rightBuffer;
        if(xPos > 0 && xPos < xMax) {
            var perc = xPos / (xMax - leftBuffer);
            var scrollAmt = thumbs.outerWidth(true) - wrapper.innerWidth();
            wrapper.scrollLeft(perc * scrollAmt);
        }
    });
   }
 });
$(函数(){
buildThumbs();
函数buildThumbs(){
$('div.portfolio_gallery')。每个(函数(){
var宽度=0;
var wrapper=$(this.find('.gallery');
wrapper.find('.scroller a').each(function(){
宽度+=$('.single_img')。外径(真);
});
var thumbs=$(this.find('.scroller');
css('width',width+'px');
可滚动(拇指、包装器);
});
}
函数makeScrollable(拇指、包装器){
var width=wrapper.innerWidth();
wrapper.scrollLeft(0);
var-leftBuffer=100;
var-rightBuffer=100;
//当用户将鼠标移到菜单上时
wrapper.unbind('mousemove').bind('mousemove',函数(e){
var xPos=e.pageX-wrapper.offset().left-leftBuffer;
var xMax=wrapper.innerWidth()-rightBuffer;
如果(xPos>0&&xPos
要模仿jQuery中的Flash外观,您可能需要自己构建插件。谢谢您的回复,我也找到了那个教程,忘了提到它了。问题是,在图坦卡蒙上,他们会在点击或一段时间后更改图像,在我的滑块中,我希望它发生在悬停上,我无法想象我应该在最后一个项目之后何时加载第一个、第二个等项目。我不是很有经验,这对我来说很难,但如果没有这样的插件,我会尝试自己写。再次感谢。祝你好运,这是成为一名程序员而不是“复制粘贴者”的一个很好的起点:)我会尝试一下,有了你的代码,我就有了一个起点,所以应该会更容易。谢谢。@user1913951太好了!告诉我进展如何,或者你是否需要更多的指导