Performance 带快速悬停幻灯片的slimbox

我正在尝试将slimbox和fasthover幻灯片放在一起。以下是我的Html代码：

<section>
            <div class="hs-wrapper">
                <a href="images/75.jpg" rel="lightbox02" title="budownictwo1"><img src="images/75.jpg" alt="image01" style="height:326.5px;width:518px;float:left;"></img></a>
                <a href="images/portfolio1.jpg" rel="lightbox02" title="budownictwo2"><img src="images/portfolio1.jpg" style="height:326.5px;width:518px;float:left;" alt="image02"></img></a>
                <a href="images/boxPozycjonowanieBG.jpg" rel="lightbox02" title="budownictwo1"><img src="images/boxPozycjonowanieBG.jpg" style="height:326.5px;width:518px;float:left;" alt="image03"></img></a>

            </div>
        </section>

我的js：

    (function(w){var E=w(window),u,f,F=-1,n,x,D,v,y,L,r,m=!window.XMLHttpRequest,s=[],l=document.documentElement,k={},t=new Image(),J=new Image(),H,a,g,p,I,d,G,c,A,K;w(function(){w("body").append(w([H=w('<div id="lbOverlay" />').click(C)[0],a=w('<div id="lbCenter" />')[0],G=w('<div id="lbBottomContainer" />')[0]]).css("display","none"));g=w('<div id="lbImage" />').appendTo(a).append(p=w('<div style="position: relative;" />').append([I=w('<a id="lbPrevLink" href="#" />').click(B)[0],d=w('<a id="lbNextLink" href="#" />').click(e)[0]])[0])[0];c=w('<div id="lbBottom" />').appendTo(G).append([w('<a id="lbCloseLink" href="#" />').click(C)[0],A=w('<div id="lbCaption" />')[0],K=w('<div id="lbNumber" />')[0],w('<div style="clear: both;" />')[0]])[0]});w.slimbox=function(O,N,M){u=w.extend({loop:false,overlayOpacity:0.8,overlayFadeDuration:400,resizeDuration:400,resizeEasing:"swing",initialWidth:250,initialHeight:250,imageFadeDuration:400,captionAnimationDuration:400,counterText:"Image {x} of {y}",closeKeys:[27,88,67],previousKeys:[37,80],nextKeys:[39,78]},M);if(typeof O=="string"){O=[[O,N]];N=0}y=E.scrollTop()+(E.height()/2);L=u.initialWidth;r=u.initialHeight;w(a).css({top:Math.max(0,y-(r/2)),width:L,height:r,marginLeft:-L/2}).show();v=m||(H.currentStyle&&(H.currentStyle.position!="fixed"));if(v){H.style.position="absolute"}w(H).css("opacity",u.overlayOpacity).fadeIn(u.overlayFadeDuration);z();j(1);f=O;u.loop=u.loop&&(f.length>1);return b(N)};w.fn.slimbox=function(M,P,O){P=P||function(Q){return[Q.href,Q.title]};O=O||function(){return true};var N=this;return N.unbind("click").click(function(){var S=this,U=0,T,Q=0,R;T=w.grep(N,function(W,V){return O.call(S,W,V)});for(R=T.length;Q<R;++Q){if(T[Q]==S){U=Q}T[Q]=P(T[Q],Q)}return w.slimbox(T,U,M)})};function z(){var N=E.scrollLeft(),M=E.width();w([a,G]).css("left",N+(M/2));if(v){w(H).css({left:N,top:E.scrollTop(),width:M,height:E.height()})}}function j(M){if(M){w("object").add(m?"select":"embed").each(function(O,P){s[O]=[P,P.style.visibility];P.style.visibility="hidden"})}else{w.each(s,function(O,P){P[0].style.visibility=P[1]});s=[]}var N=M?"bind":"unbind";E[N]("scroll resize",z);w(document)[N]("keydown",o)}function o(O){var N=O.which,M=w.inArray;return(M(N,u.closeKeys)>=0)?C():(M(N,u.nextKeys)>=0)?e():(M(N,u.previousKeys)>=0)?B():null}function B(){return b(x)}function e(){return b(D)}function b(M){if(M>=0){F=M;n=f[F][0];x=(F||(u.loop?f.length:0))-1;D=((F+1)%f.length)||(u.loop?0:-1);q();a.className="lbLoading";k=new Image();k.onload=i;k.src=n}return false}function i(){a.className="";w(g).css({backgroundImage:"url("+n+")",visibility:"hidden",display:""});w(p).width(k.width);w([p,I,d]).height(k.height);w(A).html(f[F][1]||"");w(K).html((((f.length>1)&&u.counterText)||"").replace(/{x}/,F+1).replace(/{y}/,f.length));if(x>=0){t.src=f[x][0]}if(D>=0){J.src=f[D][0]}L=g.offsetWidth;r=g.offsetHeight;var M=Math.max(0,y-(r/2));if(a.offsetHeight!=r){w(a).animate({height:r,top:M},u.resizeDuration,u.resizeEasing)}if(a.offsetWidth!=L){w(a).animate({width:L,marginLeft:-L/2},u.resizeDuration,u.resizeEasing)}w(a).queue(function(){w(G).css({width:L,top:M+r,marginLeft:-L/2,visibility:"hidden",display:""});w(g).css({display:"none",visibility:"",opacity:""}).fadeIn(u.imageFadeDuration,h)})}function h(){if(x>=0){w(I).show()}if(D>=0){w(d).show()}w(c).css("marginTop",-c.offsetHeight).animate({marginTop:0},u.captionAnimationDuration);G.style.visibility=""}function q(){k.onload=null;k.src=t.src=J.src=n;w([a,g,c]).stop(true);w([I,d,g,G]).hide()}function C(){if(F>=0){q();F=x=D=-1;w(a).hide();w(H).stop().fadeOut(u.overlayFadeDuration,j)}return false}})(jQuery);

// AUTOLOAD CODE BLOCK (MAY BE CHANGED OR REMOVED)
if (!/android|iphone|ipod|series60|symbian|windows ce|blackberry/i.test(navigator.userAgent)) {
    jQuery(function($) {
        $("a[rel^='lightbox']").slimbox({/* Put custom options here */}, null, function(el) {
            return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel));
        });
    });
}

[代码>（函数（w）是一个函数（w）是一个函数（w）是一个函数（w）是一个函数（w）是一个1，n，x，D，v，y，y，L，r，r，p，f，f，f，f，f，f，f，f，f，f，f，f，f，f，f，f，f，f，f，1，n，r，r，m，m，m，m=！window.窗口.XMLHTTTTTtpRequest，s，s，s，s，s，s，s，s，s，s，s，s，s是一个文件.文件.文件.文件.文件.文件.文件.文件.文件元素，k.文件.文件.文件.文件.文件.文件..元素，k，（k..k..k..k.......k.........k..............=w（“”）。单击（e） [0]][0][0][0]；c=w（“”）.追加到（G）.追加（[w（“”）.点击（c）[0]，A=w（“”）[0]，K=w（“”）[0]，w（“”）[0]]）[0]}）；w.slimbox=函数（O，N，M）{u=w.extend（{loop:false，overlayocapacity:0.8，overlayFadeDuration:400，resizeDuration:400，resizeDuration:400，resizeDuration:400，resizeDuration：“swing”，initialWidth:250，initialHeight:250，ImageFaderation:400，CaptionAniminationDuration:400，counterText:{，closeKeys:[27,88,67]，上一个键：[37,80]，下一个键：[39,78]}，M）；if（typeof O==“string”）{O=[[O，N]]；N=0}y=E.scrollTop（）+（E.height（）/2）；L=u.initialWidth；r=u.initialHeight；w（a）.css（{top:Math.max（0，y-（r/2）），width:r，marginLeft:-L/2}）.show（）；v=M | H.currentStyle&（H）=“H！”绝对位置{(fadeIn（u.overlayFadeDuration）；z（）；j（1）；f=O；u.loop=u.loop&（f.length>1）；return b（N）}；w.fn.slimbox=function（M，P，O）{P=P |函数（Q）{return return[Q.href，Q.title]}；O=O |函数（）{return return true}；var N=this；return N.unbind（“click”）。点击（函数（）{var S=this，u=0，T，R=0，R=0；调用函数（V，w）{（R=T.长度；Q=0）C（）：（M（N，u.NextT关键键）>=0）e（）：（M（N，u.以前的关键键）>=0）B（）：B（）：零：：：：：：：：零：）函数B（）{返回B（x）返回B（x）回归B（x）返回B（x）返回B（x）回归B（x）}函数B（）{{{返回B（返回B（x）返回B（x）返回B（x）返回B（x）返回B（B（x）函数）返回B（B（x）函数）函数）函数e（返回B（返回B（返回B（返回B（B（D）的）函数）函数）返回B（返回B（B（D）返回B（D）返回B（D）的）的）的）函数）函数B（B（D）函数）函数）函数B（B（B（B（D）函数）函数）函数B（B（B（N}返回false}函数i（）{a.className=“”；w（g）.css(背景图片：{背景图片：：{背景图片：：“url（“+n+”””，可见性：“隐藏”，可见：“隐藏”，显示：：：：}；w（p）w（p.p.宽度（k.宽度）宽度（k.宽度（k.宽度）；w（p.宽度）宽度（p.宽度）宽度（k.宽度）宽度（k.宽度）（k.宽度（k.宽度）宽度（k.宽度）（k.宽度）（k.宽度）（k.宽度）（k.宽度）（k.宽度）（k.宽度.宽度.宽度.宽度.宽度.宽度）宽度；w（[p.宽度；p.以及[p，I.p.以及[p，I，I.d.d.d.d.d.民主党...以及d.尺寸）高度）高度高度）高度.高度）高度.高度.高度.高度.高度.高度.高度.高度.高度（p.高度.高度.高度（p.高度）高度（p.高度.高度.高度.高度.高度（p.高度.M=数学最大值（0，y-（r/2））；如果（A.离视！=r）{w（a）.animate（{height:r，top:M}，u.resizeDuration，u.resizeEasing）}如果（a.offsetWidth！=L）{w（a）.animate（{width:L，marginLeft:-L/2}，u.resizeDuration，u.resizeEasing）}w（a）.队列（函数（）{w（G）.css（{width:L，top:M+r，marginLeft:-L/2，可见性：“隐藏”，显示：}）；w（G）.css（{display:“无”，可见性：“不透明度（不透明度）”.fadeduration faduration）若（x）的（x）的（x）的（x）的（x）的（x）的（x）的（x）的（x）的（x）的（x）的（x）的（x）的（x）的（x）的（x）的（x）的（x）的（x）的（x）的）的（x）的（x）的）的（x）的（x）的）的（x）的）的（x）的（x）的（x）的（x）的（x）的（x）的（x）的（x）的（x）的（x）的（x）的（x）的（x）的）的（x）的（x）的（x）的（x）的）的（x）的（x）的（x）的（x）的（x）的（x）的（x）的（x）的（x）的（x）的（x）的）的）的（x）的）的）的）的）的yFadeDuration，J）}返回false}）（jQuery）； //自动加载代码块（可以更改或删除） if（！/android | iphone | ipod | series60 | symbian | windowsce | blackberry/i.test（navigator.userAgent））{ jQuery（函数（$）{ $（[rel^='lightbox']）.slimbox（{/*在此处放置自定义选项*/}，null，函数（el）{ 返回（this==el）| |（（this.rel.length>8）和&（this.rel==el.rel））； }); }); }

---

我得到的只是闪烁的图像或滑块停止工作，只有slimbox可以工作。请帮助我将这两个功能组合在一起。

你能提供一个我可以测试的实例吗？你想让图像在悬停时不断变化吗？它在这个页面上工作。我应该在哪里单击打开灯箱？我想让图像无限滚动但是，当你点击每个图像时，lightbox也可以工作。在realizacje，html只在realizacje上滚动，只有lightbox可以工作。我希望两者同时工作。好的。这是你在快速变化时点击的图像吗？有点像幸运的选择，相应的图像将显示在lightbox上？还是当你点击e框，你会看到一个在你悬停的区域内图像变化的灯箱？

    (function(w){var E=w(window),u,f,F=-1,n,x,D,v,y,L,r,m=!window.XMLHttpRequest,s=[],l=document.documentElement,k={},t=new Image(),J=new Image(),H,a,g,p,I,d,G,c,A,K;w(function(){w("body").append(w([H=w('<div id="lbOverlay" />').click(C)[0],a=w('<div id="lbCenter" />')[0],G=w('<div id="lbBottomContainer" />')[0]]).css("display","none"));g=w('<div id="lbImage" />').appendTo(a).append(p=w('<div style="position: relative;" />').append([I=w('<a id="lbPrevLink" href="#" />').click(B)[0],d=w('<a id="lbNextLink" href="#" />').click(e)[0]])[0])[0];c=w('<div id="lbBottom" />').appendTo(G).append([w('<a id="lbCloseLink" href="#" />').click(C)[0],A=w('<div id="lbCaption" />')[0],K=w('<div id="lbNumber" />')[0],w('<div style="clear: both;" />')[0]])[0]});w.slimbox=function(O,N,M){u=w.extend({loop:false,overlayOpacity:0.8,overlayFadeDuration:400,resizeDuration:400,resizeEasing:"swing",initialWidth:250,initialHeight:250,imageFadeDuration:400,captionAnimationDuration:400,counterText:"Image {x} of {y}",closeKeys:[27,88,67],previousKeys:[37,80],nextKeys:[39,78]},M);if(typeof O=="string"){O=[[O,N]];N=0}y=E.scrollTop()+(E.height()/2);L=u.initialWidth;r=u.initialHeight;w(a).css({top:Math.max(0,y-(r/2)),width:L,height:r,marginLeft:-L/2}).show();v=m||(H.currentStyle&&(H.currentStyle.position!="fixed"));if(v){H.style.position="absolute"}w(H).css("opacity",u.overlayOpacity).fadeIn(u.overlayFadeDuration);z();j(1);f=O;u.loop=u.loop&&(f.length>1);return b(N)};w.fn.slimbox=function(M,P,O){P=P||function(Q){return[Q.href,Q.title]};O=O||function(){return true};var N=this;return N.unbind("click").click(function(){var S=this,U=0,T,Q=0,R;T=w.grep(N,function(W,V){return O.call(S,W,V)});for(R=T.length;Q<R;++Q){if(T[Q]==S){U=Q}T[Q]=P(T[Q],Q)}return w.slimbox(T,U,M)})};function z(){var N=E.scrollLeft(),M=E.width();w([a,G]).css("left",N+(M/2));if(v){w(H).css({left:N,top:E.scrollTop(),width:M,height:E.height()})}}function j(M){if(M){w("object").add(m?"select":"embed").each(function(O,P){s[O]=[P,P.style.visibility];P.style.visibility="hidden"})}else{w.each(s,function(O,P){P[0].style.visibility=P[1]});s=[]}var N=M?"bind":"unbind";E[N]("scroll resize",z);w(document)[N]("keydown",o)}function o(O){var N=O.which,M=w.inArray;return(M(N,u.closeKeys)>=0)?C():(M(N,u.nextKeys)>=0)?e():(M(N,u.previousKeys)>=0)?B():null}function B(){return b(x)}function e(){return b(D)}function b(M){if(M>=0){F=M;n=f[F][0];x=(F||(u.loop?f.length:0))-1;D=((F+1)%f.length)||(u.loop?0:-1);q();a.className="lbLoading";k=new Image();k.onload=i;k.src=n}return false}function i(){a.className="";w(g).css({backgroundImage:"url("+n+")",visibility:"hidden",display:""});w(p).width(k.width);w([p,I,d]).height(k.height);w(A).html(f[F][1]||"");w(K).html((((f.length>1)&&u.counterText)||"").replace(/{x}/,F+1).replace(/{y}/,f.length));if(x>=0){t.src=f[x][0]}if(D>=0){J.src=f[D][0]}L=g.offsetWidth;r=g.offsetHeight;var M=Math.max(0,y-(r/2));if(a.offsetHeight!=r){w(a).animate({height:r,top:M},u.resizeDuration,u.resizeEasing)}if(a.offsetWidth!=L){w(a).animate({width:L,marginLeft:-L/2},u.resizeDuration,u.resizeEasing)}w(a).queue(function(){w(G).css({width:L,top:M+r,marginLeft:-L/2,visibility:"hidden",display:""});w(g).css({display:"none",visibility:"",opacity:""}).fadeIn(u.imageFadeDuration,h)})}function h(){if(x>=0){w(I).show()}if(D>=0){w(d).show()}w(c).css("marginTop",-c.offsetHeight).animate({marginTop:0},u.captionAnimationDuration);G.style.visibility=""}function q(){k.onload=null;k.src=t.src=J.src=n;w([a,g,c]).stop(true);w([I,d,g,G]).hide()}function C(){if(F>=0){q();F=x=D=-1;w(a).hide();w(H).stop().fadeOut(u.overlayFadeDuration,j)}return false}})(jQuery);

// AUTOLOAD CODE BLOCK (MAY BE CHANGED OR REMOVED)
if (!/android|iphone|ipod|series60|symbian|windows ce|blackberry/i.test(navigator.userAgent)) {
    jQuery(function($) {
        $("a[rel^='lightbox']").slimbox({/* Put custom options here */}, null, function(el) {
            return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel));
        });
    });
}