以下是 jQuery焦点图插件Fotorama轮播滚动切换特效代码 的示例演示效果:
部分效果截图:
HTML代码(index.html):
<!DOCTYPE html>
<html>
<head>
<title>jQuery焦点图插件Fotorama</title>
<meta charset="gb2312">
<meta name="viewport" content="width=device-width">
<!-- jQuery -->
<script src="js/jquery-1.10.2.min.js"></script>
<!-- Fotorama -->
<link href="css/fotorama.css" rel="stylesheet">
<script src="js/fotorama.js"></script>
</head>
<body>
<center>
<div class="fotorama" data-width="700" data-ratio="700/467" data-max-width="100%">
<img src="images/1-lo.jpg">
<img src="images/2-lo.jpg">
<img src="images/9-lo.jpg">
<img src="images/6-lo.jpg">
</div>
</center>
</body>
</html>JS代码(fotorama.js):
/*! * Fotorama 4.4.9 | http://fotorama.io/license/ */
!function(a,b,c,d,e){
"use strict";
function f(a){
var b="bez_"+d.makeArray(arguments).join("_").replace(".","p");
if("function"!=typeof d.easing[b]){
var c=function(a,b){
var c=[null,null],d=[null,null],e=[null,null],f=function(f,g){
return e[g]=3*a[g],d[g]=3*(b[g]-a[g])-e[g],c[g]=1-e[g]-d[g],f*(e[g]+f*(d[g]+f*c[g]))}
,g=function(a){
return e[0]+a*(2*d[0]+3*c[0]*a)}
,h=function(a){
for(var b,c=a,d=0;
++d<14&&(b=f(c,0)-a,!(Math.abs(b)<.001));
)c-=b/g(c);
return c}
;
return function(a){
return f(h(a),1)}
}
;
d.easing[b]=function(b,d,e,f,g){
return f*c([a[0],a[1]],[a[2],a[3]])(d/g)+e}
}
return b}
function g(){
}
function h(a,b,c){
return Math.max(isNaN(b)?-1/0:b,Math.min(isNaN(c)?1/0:c,a))}
function i(a){
return a.match(/ma/)&&a.match(/-?\d+(?!d)/g)[a.match(/3d/)?12:4]}
function j(a){
return Bc?+i(a.css("transform")):+a.css("left").replace("px","")}
function k(a,b){
var c={
}
;
return Bc?c.transform="translate3d("+(a+(b?.001:0))+"px,0,0)":c.left=a,c}
function l(a){
return{
"transition-duration":a+"ms"}
}
function m(a,b){
return+String(a).replace(b||"px","")||e}
function n(a){
return/%$/.test(a)&&m(a,"%")}
function o(a){
return(!!m(a)||!!m(a,"%"))&&a}
function p(a,b,c,d){
return(a-(d||0))*(b+(c||0))}
function q(a,b,c,d){
return-Math.round(a/(b+(c||0))-(d||0))}
function r(a){
var b=a.data();
if(!b.tEnd){
var c=a[0],d={
WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",msTransition:"MSTransitionEnd",transition:"transitionend"}
;
c.addEventListener(d[jc.prefixed("transition")],function(a){
b.tProp&&a.propertyName.match(b.tProp)&&b.onEndFn()}
,!1),b.tEnd=!0}
}
function s(a,b,c,d){
var e,f=a.data();
f&&(f.onEndFn=function(){
e||(e=!0,clearTimeout(f.tT),c())}
,f.tProp=b,clearTimeout(f.tT),f.tT=setTimeout(function(){
f.onEndFn()}
,1.5*d),r(a))}
function t(a,b,c){
if(a.length){
var d=a.data();
Bc?(a.css(l(0)),d.onEndFn=g,clearTimeout(d.tT)):a.stop();
var e=u(b,function(){
return j(a)}
);
return a.css(k(e,c)),e}
}
function u(){
for(var a,b=0,c=arguments.length;
c>b&&(a=b?arguments[b]():arguments[b],"number"!=typeof a);
b++);
return a}
function v(a,b){
return Math.round(a+(b-a)/1.5)}
function w(){
return w.p=w.p||("https://"===c.protocol?"https://":"http://"),w.p}
function x(a){
var c=b.createElement("a");
return c.href=a,c}
function y(a,b){
if("string"!=typeof a)return a;
a=x(a);
var c,d;
if(a.host.match(/youtube\.com/)&&a.search){
if(c=a.search.split("v=")[1]){
var e=c.indexOf("&");
-1!==e&&(c=c.substring(0,e)),d="youtube"}
}
else a.host.match(/youtube\.com|youtu\.be/)?(c=a.pathname.replace(/^\/(embed\/|v\/)?/,"").replace(/\/.*/
,""),d="youtube"):a.host.match(/vimeo\.com/)&&(d="vimeo",c=a.pathname.replace(/^\/(video\/)?/,"").replace(/\/.*/
,""));
return c&&d||!b||(c=a.href,d="custom"),c?{
id:c,type:d,s:a.search.replace(/^\?/,"")}
:!1}
function z(a,b,c){
var e,f,g=a.video;
return"youtube"===g.type?(f=w()+"img.youtube.com/vi/"+g.id+"/default.jpg",e=f.replace(/\/default.jpg$/,"/hqdefault.jpg"),a.thumbsReady=!0):"vimeo"===g.type?d.ajax({
url:w()+"vimeo.com/api/v2/video/"+g.id+".json",dataType:"jsonp",success:function(d){
a.thumbsReady=!0,A(b,{
img:d[0].thumbnail_large,thumb:d[0].thumbnail_small}
,a.i,c)}
}
):a.thumbsReady=!0,{
img:e,thumb:f}
}
function A(a,b,c,e){
for(var f=0,g=a.length;
g>f;
f++){
var h=a[f];
if(h.i===c&&h.thumbsReady){
var i={
videoReady:!0}
;
i[Rc]=i[Tc]=i[Sc]=!1,e.splice(f,1,d.extend({
}
,h,i,b));
break}
}
}
function B(a){
function b(a,b,e){
var f=a.children("img").eq(0),g=a.attr("href"),h=a.attr("src"),i=f.attr("src"),j=b.video,k=e?y(g,j===!0):!1;
k?g=!1:k=j,c(a,f,d.extend(b,{
video:k,img:b.img||g||h||i,thumb:b.thumb||i||h||g}
))}
function c(a,b,c){
var e=c.thumb&&c.img!==c.thumb,f=m(c.width||a.attr("width")),g=m(c.height||a.attr("height"));
d.extend(c,{
width:f,height:g,thumbratio:Q(c.thumbratio||m(c.thumbwidth||b&&b.attr("width")||e||f)/m(c.thumbheight||b&&b.attr("height")||e||g))}
)}
var e=[];
return a.children().each(function(){
var a=d(this),f=P(d.extend(a.data(),{
id:a.attr("id")}
));
if(a.is("a,img"))b(a,f,!0);
else{
if(a.is(":empty"))return;
c(a,null,d.extend(f,{
html:this,_html:a.html()}
))}
e.push(f)}
),e}
function C(a){
return 0===a.offsetWidth&&0===a.offsetHeight}
function D(a){
return!d.contains(b.documentElement,a)}
function E(a,b,c){
a()?b():setTimeout(function(){
E(a,b)}
,c||100)}
function F(a){
c.replace(c.protocol+"//"+c.host+c.pathname.replace(/^\/?/,"/")+c.search+"#"+a)}
function G(a,b,c){
var d=a.data(),e=d.measures;
if(e&&(!d.l||d.l.W!==e.width||d.l.H!==e.height||d.l.r!==e.ratio||d.l.w!==b.w||d.l.h!==b.h||d.l.m!==c)){
var f=e.width,g=e.height,i=b.w/b.h,j=e.ratio>=i,k="scaledown"===c,l="contain"===c,m="cover"===c;
j&&(k||l)||!j&&m?(f=h(b.w,0,k?f:1/0),g=f/e.ratio):(j&&m||!j&&(k||l))&&(g=h(b.h,0,k?g:1/0),f=g*e.ratio),a.css({
width:Math.ceil(f),height:Math.ceil(g),marginLeft:Math.floor(-f/2),marginTop:Math.floor(-g/2)}
),d.l={
W:e.width,H:e.height,r:e.ratio,w:b.w,h:b.h,m:c}
}
return!0}
function H(a,b){
var c=a[0];
c.styleSheet?c.styleSheet.cssText=b:a.html(b)}
function I(a,b,c){
return b===c?!1:b>=a?"left":a>=c?"right":"left right"}
function J(a,b,c,d){
if(!c)return!1;
if(!isNaN(a))return a-(d?0:1);
for(var e,f=0,g=b.length;
g>f;
f++){
var h=b[f];
if(h.id===a){
e=f;
break}
}
return e}
function K(a,b,c){
c=c||{
}
,a.each(function(){
var a,e=d(this),f=e.data();
f.clickOn||(f.clickOn=!0,d.extend(W(e,{
onStart:function(b){
a=b,(c.onStart||g).call(this,b)}
,onMove:c.onMove||g,onTouchEnd:c.onTouchEnd||g,onEnd:function(c){
c.moved||b.call(this,a)}
}
),{
noMove:!0}
))}
)}
function L(a,b){
return'<div class="'+a+'">'+(b||"")+"</div>"}
function M(a){
for(var b=a.length;
b;
){
var c=Math.floor(Math.random()*b--),d=a[b];
a[b]=a[c],a[c]=d}
return a}
function N(a){
return"[object Array]"==Object.prototype.toString.call(a)&&d.map(a,function(a){
return d.extend({
}
,a)}
)}
function O(a,b){
xc.scrollLeft(a).scrollTop(b)}
function P(a){
if(a){
var b={
}
;
return d.each(a,function(a,c){
b[a.toLowerCase()]=c}
),b}
}
function Q(a){
if(a){
var b=+a;
return isNaN(b)?(b=a.split("/"),+b[0]/+b[1]||e):b}
}
function R(a,b){
a.preventDefault(),b&&a.stopPropagation()}
function S(a){
return a?">":"<"}
function T(a,b){
var c=a.data(),e=Math.round(b.pos),f=function(){
c.sliding=!1,(b.onEnd||g)()}
;
"undefined"!=typeof b.overPos&&b.overPos!==b.pos&&(e=b.overPos,f=function(){
T(a,d.extend({
}
,b,{
overPos:b.pos,time:Math.max(Kc,b.time/2)}
))}
);
var h=d.extend(k(e,b._001),b.width&&{
width:b.width}
);
c.sliding=!0,Bc?(a.css(d.extend(l(b.time),h)),b.time>10?s(a,"transform",f,b.time):f()):a.stop().animate(h,b.time,Uc,f)}
function U(a,b,c,e,f,h){
var i="undefined"!=typeof h;
if(i||(f.push(arguments),Array.prototype.push.call(arguments,f.length),!(f.length>1))){
a=a||d(a),b=b||d(b);
var j=a[0],k=b[0],l="crossfade"===e.method,m=function(){
if(!m.done){
m.done=!0;
var a=(i||f.shift())&&f.shift();
a&&U.apply(this,a),(e.onEnd||g)(!!a)}
}
,n=e.time/(h||1);
c.not(a.addClass(Hb).removeClass(Gb)).not(b.addClass(Gb).removeClass(Hb)).removeClass(Hb+" "+Gb),a.stop(),b.stop(),l&&k&&a.fadeTo(0,0),a.fadeTo(l?n:1,1,l&&m),b.fadeTo(n,0,m),j&&l||k||m()}
}
function V(a){
var b=(a.touches||[])[0]||a;
a._x=b.pageX,a._y=b.clientY,a._now=d.now()}
function W(c,e){
function f(a){
return n=d(a.target),v.checked=q=r=t=!1,l||v.flow||a.touches&&a.touches.length>1||a.which>1||tc&&tc.type!==a.type&&vc||(q=e.select&&n.is(e.select,u))?q:(p="touchstart"===a.type,r=n.is("a,a *",u),s=v.noMove||v.noSwipe?16:v.snap?0:4,V(a),m=tc=a,uc=a.type.replace(/down|start/,"move").replace(/Down/,"Move"),o=v.control,(e.onStart||g).call(u,a,{
control:o,$target:n}
),l=v.flow=!0,(!p||v.go)&&R(a),void 0)}
function h(a){
if(a.touches&&a.touches.length>1||Hc&&!a.isPrimary||uc!==a.type||!l)return l&&i(),(e.onTouchEnd||g)(),void 0;
V(a);
var b=Math.abs(a._x-m._x),c=Math.abs(a._y-m._y),d=b-c,f=(v.go||v.x||d>=0)&&!v.noSwipe,h=0>d;
p&&!v.checked?(l=f)&&R(a):(R(a),(e.onMove||g).call(u,a,{
touch:p}
)),!t&&Math.sqrt(Math.pow(b,2)+Math.pow(c,2))>s&&(t=!0),v.checked=v.checked||f||h}
function i(a){
(e.onTouchEnd||g)();
var b=l;
v.control=l=!1,b&&(v.flow=!1),!b||r&&!v.checked||(a&&R(a),vc=!0,clearTimeout(wc),wc=setTimeout(function(){
vc=!1}
,1e3),(e.onEnd||g).call(u,{
moved:t,$target:n,control:o,touch:p,startEvent:m,aborted:!a||"MSPointerCancel"===a.type}
))}
function j(){
v.flow||setTimeout(function(){
v.flow=!0}
,10)}
function k(){
v.flow&&setTimeout(function(){
v.flow=!1}
,Jc)}
var l,m,n,o,p,q,r,s,t,u=c[0],v={
}
;
return Hc?(u[Gc]("MSPointerDown",f,!1),b[Gc]("MSPointerMove",h,!1),b[Gc]("MSPointerCancel",i,!1),b[Gc]("MSPointerUp",i,!1)):(u[Gc]&&(u[Gc]("touchstart",f,!1),u[Gc]("touchmove",h,!1),u[Gc]("touchend",i,!1),b[Gc]("touchstart",j,!1),b[Gc]("touchend",k,!1),b[Gc]("touchcancel",k,!1),a[Gc]("scroll",k,!1)),c.on("mousedown",f),yc.on("mousemove",h).on("mouseup",i)),c.on("click","a",function(a){
v.checked&&R(a)}
),v}
function X(a,b){
function c(c){
A=!0,j=l=c._x,q=c._now,p=[[q,j]],m=n=D.noMove?0:t(a,(b.getPos||g)(),b._001),(b.onStart||g).call(B,c)}
function e(a,b){
s=D.min,u=D.max,w=D.snap,x=a.altKey,A=z=!1,y=b.control,y||C.sliding||c(a)}
function f(d,e){
A||(y=!1,c(d)),D.noSwipe||(l=d._x,p.push([d._now,l]),n=m-(j-l),o=I(n,s,u),s>=n?n=v(n,s):n>=u&&(n=v(n,u)),D.noMove||(a.css(k(n,b._001)),z||(z=!0,e.touch||Hc||a.addClass(Wb)),(b.onMove||g).call(B,d,{
pos:n,edge:o}
)))}
function i(e){
if(!y){
A||c(e.startEvent),e.touch||Hc||a.removeClass(Wb),r=d.now();
for(var f,i,j,k,o,q,t,v,z,C=r-Jc,D=null,E=Kc,F=b.friction,G=p.length-1;
G>=0;
G--){
if(f=p[G][0],i=Math.abs(f-C),null===D||j>i)D=f,k=p[G][1];
else if(D===C||i>j)break;
j=i}
t=h(n,s,u);
var H=k-l,I=H>=0,J=r-D,K=J>Jc,L=!K&&n!==m&&t===n;
w&&(t=h(Math[L?I?"floor":"ceil":"round"](n/w)*w,s,u),s=u=t),L&&(w||t===n)&&(z=-(H/J),E*=h(Math.abs(z),b.timeLow,b.timeHigh),o=Math.round(n+z*E/F),w||(t=o),(!I&&o>u||I&&s>o)&&(q=I?s:u,v=o-q,w||(t=q),v=h(t+.03*v,q-50,q+50),E=Math.abs((n-v)/(z/F)))),E*=x?10:1,(b.onEnd||g).call(B,d.extend(e,{
moved:e.moved||K&&w,pos:n,newPos:t,overPos:v,time:E}
))}
}
var j,l,m,n,o,p,q,r,s,u,w,x,y,z,A,B=a[0],C=a.data(),D={
}
;
return D=d.extend(W(b.$wrap,{
onStart:e,onMove:f,onTouchEnd:b.onTouchEnd,onEnd:i,select:b.select}
),D)}
function Y(a,b){
var c,e,f,h=a[0],i={
prevent:{
}
}
;
return h[Gc]&&h[Gc](Ic,function(a){
var h=a.wheelDeltaY||-1*a.deltaY||0,j=a.wheelDeltaX||-1*a.deltaX||0,k=Math.abs(j)>Math.abs(h),l=S(0>j),m=e===l,n=d.now(),o=Jc>n-f;
e=l,f=n,k&&i.ok&&(!i.prevent[l]||c)&&(R(a,!0),c&&m&&o||(b.shift&&(c=!0,clearTimeout(i.t),i.t=setTimeout(function(){
c=!1}
,Lc)),(b.onEnd||g)(a,b.shift?l:j)))}
,!1),i}
function Z(){
d.each(d.Fotorama.instances,function(a,b){
b.index=a}
)}
function $(a){
d.Fotorama.instances.push(a),Z()}
function _(a){
d.Fotorama.instances.splice(a.index,1),Z()}
var ab="fotorama",bb="fullscreen",cb=ab+"__wrap",db=cb+"--css2",eb=cb+"--css3",fb=cb+"--video",gb=cb+"--fade",hb=cb+"--slide",ib=cb+"--no-controls",jb=cb+"--no-shadows",kb=cb+"--pan-y",lb=cb+"--rtl",mb=cb+"--only-active",nb=ab+"__stage",ob=nb+"__frame",pb=ob+"--video",qb=nb+"__shaft",rb=ab+"__grab",sb=ab+"__pointer",tb=ab+"__arr",ub=tb+"--disabled",vb=tb+"--prev",wb=tb+"--next",xb=ab+"__nav",yb=xb+"-wrap",zb=xb+"__shaft",Ab=xb+"--dots",Bb=xb+"--thumbs",Cb=xb+"__frame",Db=Cb+"--dot",Eb=Cb+"--thumb",Fb=ab+"__fade",Gb=Fb+"-front",Hb=Fb+"-rear",Ib=ab+"__shadow",Jb=Ib+"s",Kb=Jb+"--left",Lb=Jb+"--right",Mb=ab+"__active",Nb=ab+"__select",Ob=ab+"--hidden",Pb=ab+"--fullscreen",Qb=ab+"__fullscreen-icon",Rb=ab+"__error",Sb=ab+"__loading",Tb=ab+"__loaded",Ub=Tb+"--full",Vb=Tb+"--img",Wb=ab+"__grabbing",Xb=ab+"__img",Yb=Xb+"--full",Zb=ab+"__dot",$b=ab+"__thumb",_b=$b+"-border",ac=ab+"__html",bc=ab+"__video",cc=bc+"-play",dc=bc+"-close",ec=ab+"__caption",fc=ab+"__caption__wrap",gc=ab+"__spinner",hc=d&&d.fn.jquery.split(".");
if(!hc||hc[0]<1||1==hc[0]&&hc[1]<8)throw"Fotorama requires jQuery 1.8 or later and will not run without it.";
var ic={
}
,jc=function(a,b,c){
function d(a){
r.cssText=a}
function e(a,b){
return typeof a===b}
function f(a,b){
return!!~(""+a).indexOf(b)}
function g(a,b){
for(var d in a){
var e=a[d];
if(!f(e,"-")&&r[e]!==c)return"pfx"==b?e:!0}
return!1}
function h(a,b,d){
for(var f in a){
var g=b[a[f]];
if(g!==c)return d===!1?a[f]:e(g,"function")?g.bind(d||b):g}
return!1}
function i(a,b,c){
var d=a.charAt(0).toUpperCase()+a.slice(1),f=(a+" "+u.join(d+" ")+d).split(" ");
return e(b,"string")||e(b,"undefined")?g(f,b):(f=(a+" "+v.join(d+" ")+d).split(" "),h(f,b,c))}
var j,k,l,m="2.6.2",n={
}
,o=b.documentElement,p="modernizr",q=b.createElement(p),r=q.style,s=({
}
.toString," -webkit- -moz- -o- -ms- ".split(" ")),t="Webkit Moz O ms",u=t.split(" "),v=t.toLowerCase().split(" "),w={
}
,x=[],y=x.slice,z=function(a,c,d,e){
var f,g,h,i,j=b.createElement("div"),k=b.body,l=k||b.createElement("body");
if(parseInt(d,10))for(;
d--;
)h=b.createElement("div"),h.id=e?e[d]:p+(d+1),j.appendChild(h);
return f=["­
",'<style id="s',p,'">',a,"</style>"].join(""),j.id=p,(k?j:l).innerHTML+=f,l.appendChild(j),k||(l.style.background="",l.style.overflow="hidden",i=o.style.overflow,o.style.overflow="hidden",o.appendChild(l)),g=c(j,a),k?j.parentNode.removeChild(j):(l.parentNode.removeChild(l),o.style.overflow=i),!!g}
,A={
}
.hasOwnProperty;
l=e(A,"undefined")||e(A.call,"undefined")?function(a,b){
return b in a&&e(a.constructor.prototype[b],"undefined")}
:function(a,b){
return A.call(a,b)}
,Function.prototype.bind||(Function.prototype.bind=function(a){
var b=this;
if("function"!=typeof b)throw new TypeError;
var c=y.call(arguments,1),d=function(){
if(this instanceof d){
var e=function(){
}
;
e.prototype=b.prototype;
var f=new e,g=b.apply(f,c.concat(y.call(arguments)));
return Object(g)===g?g:f}
return b.apply(a,c.concat(y.call(arguments)))}
;
return d}
),w.csstransforms3d=function(){
var a=!!i("perspective");
return a}
;
for(var B in w)l(w,B)&&(k=B.toLowerCase(),n[k]=w[B](),x.push((n[k]?"":"no-")+k));
return n.addTest=function(a,b){
if("object"==typeof a)for(var d in a)l(a,d)&&n.addTest(d,a[d]);
else{
if(a=a.toLowerCase(),n[a]!==c)return n;
b="function"==typeof b?b():b,"undefined"!=typeof enableClasses&&enableClasses&&(o.className+=" "+(b?"":"no-")+a),n[a]=b}
return n}
,d(""),q=j=null,n._version=m,n._prefixes=s,n._domPrefixes=v,n._cssomPrefixes=u,n.testProp=function(a){
return g([a])}
,n.testAllProps=i,n.testStyles=z,n.prefixed=function(a,b,c){
return b?i(a,b,c):i(a,"pfx")}
,n}
(a,b),kc={
ok:!1,is:function(){
return!1}
,request:function(){
}
,cancel:function(){
}
,event:"",prefix:""}
,lc="webkit moz o ms khtml".split(" ");
if("undefined"!=typeof b.cancelFullScreen)kc.ok=!0;
else for(var mc=0,nc=lc.length;
nc>mc;
mc++)if(kc.prefix=lc[mc],"undefined"!=typeof b[kc.prefix+"CancelFullScreen"]){
kc.ok=!0;
break}
kc.ok&&(kc.event=kc.prefix+"fullscreenchange",kc.is=function(){
switch(this.prefix){
case"":return b.fullScreen;
case"webkit":return b.webkitIsFullScreen;
default:return b[this.prefix+"FullScreen"]}
}
,kc.request=function(a){
return""===this.prefix?a.requestFullScreen():a[this.prefix+"RequestFullScreen"]()}
,kc.cancel=function(){
return""===this.prefix?b.cancelFullScreen():b[this.prefix+"CancelFullScreen"]()}
);
var oc,pc={
lines:12,length:5,width:2,radius:7,corners:1,rotate:15,color:"rgba(128,128,128,.75)",hwaccel:!0}
,qc={
top:"auto",left:"auto",className:""}
;
!function(a,b){
oc=b()}
(this,function(){
function a(a,c){
var d,e=b.createElement(a||"div");
for(d in c)e[d]=c[d];
return e}
function c(a){
for(var b=1,c=arguments.length;
c>b;
b++)a.appendChild(arguments[b]);
return a}
function d(a,b,c,d){
var e=["opacity",b,~~(100*a),c,d].join("-"),f=.01+100*(c/d),g=Math.max(1-(1-a)/b*(100-f),a),h=m.substring(0,m.indexOf("Animation")).toLowerCase(),i=h&&"-"+h+"-"||"";
return o[e]||(p.insertRule("@"+i+"keyframes "+e+"{
"+"0%{
opacity:"+g+"}
"+f+"%{
opacity:"+a+"}
"+(f+.01)+"%{
opacity:1}
"+(f+b)%100+"%{
opacity:"+a+"}
"+"100%{
opacity:"+g+"}
"+"}
",p.cssRules.length),o[e]=1),e}
function f(a,b){
var c,d,f=a.style;
for(b=b.charAt(0).toUpperCase()+b.slice(1),d=0;
d<n.length;
d++)if(c=n[d]+b,f[c]!==e)return c;
return f[b]!==e?b:void 0}
function g(a,b){
for(var c in b)a.style[f(a,c)||c]=b[c];
return a}
function h(a){
for(var b=1;
b<arguments.length;
b++){
var c=arguments[b];
for(var d in c)a[d]===e&&(a[d]=c[d])}
return a}
function i(a){
for(var b={
x:a.offsetLeft,y:a.offsetTop}
;
a=a.offsetParent;
)b.x+=a.offsetLeft,b.y+=a.offsetTop;
return b}
function j(a,b){
return"string"==typeof a?a:a[b%a.length]}
function k(a){
return"undefined"==typeof this?new k(a):(this.opts=h(a||{
}
,k.defaults,q),void 0)}
function l(){
function b(b,c){
return a("<"+b+' xmlns="urn:schemas-microsoft.com:vml" class="spin-vml">',c)}
p.addRule(".spin-vml","behavior:url(#default#VML)"),k.prototype.lines=function(a,d){
function e(){
return g(b("group",{
coordsize:k+" "+k,coordorigin:-i+" "+-i}
),{
width:k,height:k}
)}
function f(a,f,h){
c(m,c(g(e(),{
rotation:360/d.lines*a+"deg",left:~~f}
),c(g(b("roundrect",{
arcsize:d.corners}
),{
width:i,height:d.width,left:d.radius,top:-d.width>>1,filter:h}
),b("fill",{
color:j(d.color,a),opacity:d.opacity}
),b("stroke",{
opacity:0}
))))}
var h,i=d.length+d.width,k=2*i,l=2*-(d.width+d.length)+"px",m=g(e(),{
position:"absolute",top:l,left:l}
);
if(d.shadow)for(h=1;
h<=d.lines;
h++)f(h,-2,"progid:DXImageTransform.Microsoft.Blur(pixelradius=2,makeshadow=1,shadowopacity=.3)");
for(h=1;
h<=d.lines;
h++)f(h);
return c(a,m)}
,k.prototype.opacity=function(a,b,c,d){
var e=a.firstChild;
d=d.shadow&&d.lines||0,e&&b+d<e.childNodes.length&&(e=e.childNodes[b+d],e=e&&e.firstChild,e=e&&e.firstChild,e&&(e.opacity=c))}
}
var m,n=["webkit","Moz","ms","O"],o={
}
,p=function(){
var d=a("style",{
type:"text/css"}
);
return c(b.getElementsByTagName("head")[0],d),d.sheet||d.styleSheet}
(),q={
lines:12,length:7,width:5,radius:10,rotate:0,corners:1,color:"#000",direction:1,speed:1,trail:100,opacity:.25,fps:20,zIndex:2e9,className:"spinner",top:"auto",left:"auto",position:"relative"}
;
k.defaults={
}
,h(k.prototype,{
spin:function(b){
this.stop();
var c,d,e=this,f=e.opts,h=e.el=g(a(0,{
className:f.className}
),{
position:f.position,width:0,zIndex:f.zIndex}
),j=f.radius+f.length+f.width;
if(b&&(b.insertBefore(h,b.firstChild||null),d=i(b),c=i(h),g(h,{
left:("auto"==f.left?d.x-c.x+(b.offsetWidth>>1):parseInt(f.left,10)+j)+"px",top:("auto"==f.top?d.y-c.y+(b.offsetHeight>>1):parseInt(f.top,10)+j)+"px"}
)),h.setAttribute("role","progressbar"),e.lines(h,e.opts),!m){
var k,l=0,n=(f.lines-1)*(1-f.direction)/2,o=f.fps,p=o/f.speed,q=(1-f.opacity)/(p*f.trail/100),r=p/f.lines;
!function s(){
l++;
for(var a=0;
a<f.lines;
a++)k=Math.max(1-(l+(f.lines-a)*r)%p*q,f.opacity),e.opacity(h,a*f.direction+n,k,f);
e.timeout=e.el&&setTimeout(s,~~(1e3/o))}
()}
return e}
,stop:function(){
var a=this.el;
return a&&(clearTimeout(this.timeout),a.parentNode&&a.parentNode.removeChild(a),this.el=e),this}
,lines:function(b,e){
function f(b,c){
return g(a(),{
position:"absolute",width:e.length+e.width+"px",height:e.width+"px",background:b,boxShadow:c,transformOrigin:"left",transform:"rotate("+~~(360/e.lines*i+e.rotate)+"deg) translate("+e.radius+"px"+",0)",borderRadius:(e.corners*e.width>>1)+"px"}
)}
for(var h,i=0,k=(e.lines-1)*(1-e.direction)/2;
i<e.lines;
i++)h=g(a(),{
position:"absolute",top:1+~(e.width/2)+"px",transform:e.hwaccel?"translate3d(0,0,0)":"",opacity:e.opacity,animation:m&&d(e.opacity,e.trail,k+i*e.direction,e.lines)+" "+1/e.speed+"s linear infinite"}
),e.shadow&&c(h,g(f("#000","0 0 4px #000"),{
top:"2px"}
)),c(b,c(h,f(j(e.color,i),"0 0 1px rgba(0,0,0,.1)")));
return b}
,opacity:function(a,b,c){
b<a.childNodes.length&&(a.childNodes[b].style.opacity=c)}
}
);
var r=g(a("group"),{
behavior:"url(#default#VML)"}
);
return!f(r,"transform")&&r.adj?l():m=f(r,"animation"),k}
);
var rc,sc,tc,uc,vc,wc,xc=d(a),yc=d(b),zc="quirks"===c.hash.replace("#",""),Ac=jc.csstransforms3d,Bc=Ac&&!zc,Cc=Ac||"CSS1Compat"===b.compatMode,Dc=kc.ok,Ec=navigator.userAgent.match(/Android|webOS|iPhone|iPad|iPod|BlackBerry|Windows Phone/i),Fc=!Bc||Ec,Gc="addEventListener",Hc=a.navigator.msPointerEnabled,Ic="onwheel"in b.createElement("div")?"wheel":b.onmousewheel!==e?"mousewheel":"DOMMouseScroll",Jc=250,Kc=300,Lc=1400,Mc=5e3,Nc=2,Oc=64,Pc=500,Qc=333,Rc="$stageFrame",Sc="$navDotFrame",Tc="$navThumbFrame",Uc=f([.1,0,.25,1]);
jQuery.Fotorama=function(a,e){
function f(){
d.each(kd,function(a,b){
if(!b.i){
b.i=Xd++;
var c=y(b.video,!0);
if(c){
var d={
}
;
b.video=c,b.img||b.thumb?b.thumbsReady=!0:d=z(b,kd,Td),A(kd,{
img:d.img,thumb:d.thumb}
,b.i,Td)}
}
}
)}
function g(a){
var b="keydown."+ab,c="keydown."+ab+Ud,d="resize."+ab+Ud;
a?(yc.on(c,function(a){
od&&27===a.keyCode?(R(a),bd(od,!0,!0)):(Td.fullScreen||e.keyboard&&!Td.index)&&(27===a.keyCode?(R(a),Td.cancelFullScreen()):39===a.keyCode||40===a.keyCode&&Td.fullScreen?(R(a),Td.show({
index:">",slow:a.altKey,user:!0}
)):(37===a.keyCode||38===a.keyCode&&Td.fullScreen)&&(R(a),Td.show({
index:"<",slow:a.altKey,user:!0}
)))}
),Td.index||yc.off(b).on(b,"textarea,input,select",function(a){
!sc.hasClass(bb)&&a.stopPropagation()}
),xc.on(d,Td.resize)):(yc.off(c),xc.off(d))}
function i(b){
b!==i.f&&(b?(a.html("").addClass(ab+" "+Vd).append(_d).before(Zd).before($d),$(Td)):(_d.detach(),Zd.detach(),$d.detach(),a.html(Yd.urtext).removeClass(Vd),_(Td)),g(b),i.f=b)}
function j(){
kd=Td.data=kd||N(e.data)||B(a),ld=Td.size=kd.length,!jd.ok&&e.shuffle&&M(kd),f(),se=C(se),ld&&i(!0)}
function r(){
var a=2>ld||od;
ve.noMove=a||Dd,ve.noSwipe=a||!e.swipe,be.toggleClass(rb,!ve.noMove&&!ve.noSwipe),Hc&&_d.toggleClass(kb,!ve.noSwipe)}
function s(a){
a===!0&&(a=""),e.autoplay=Math.max(+a||Mc,1.5*Gd)}
function v(a){
return a?"add":"remove"}
function w(){
Td.options=e=P(e),Dd="crossfade"===e.transition||"dissolve"===e.transition,xd=e.loop&&(ld>2||Dd),Gd=+e.transitionduration||Kc,Id="rtl"===e.direction;
var a={
add:[],remove:[]}
;
ld>1?(yd=e.nav,Ad="top"===e.navposition,a.remove.push(Nb),fe.toggle(e.arrows)):(yd=!1,fe.hide()),hc(),nd=new oc(d.extend(pc,e.spinner,qc,{
direction:Id?-1:1}
)),wc(),zc(),e.autoplay&&s(e.autoplay),Ed=m(e.thumbwidth)||Oc,Fd=m(e.thumbheight)||Oc,we.ok=ye.ok=e.trackpad&&!Fc,r(),Vc(e,!0),zd="thumbs"===yd,zd?(jc(ld,"navThumb"),md=ke,Sd=Tc,H(Zd,d.Fotorama.jst.style({
w:Ed,h:Fd,b:e.thumbborderwidth,m:e.thumbmargin,s:Ud,q:!Cc}
)),he.addClass(Bb).removeClass(Ab)):"dots"===yd?(jc(ld,"navDot"),md=je,Sd=Sc,he.addClass(Ab).removeClass(Bb)):(yd=!1,he.removeClass(Bb+" "+Ab)),yd&&(Ad?ge.insertBefore(ae):ge.insertAfter(ae),tc.nav=!1,tc(md,ie,"nav")),Bd=e.allowfullscreen,Bd?(me.appendTo(ae),Cd=Dc&&"native"===Bd):(me.detach(),Cd=!1),a[v(Dd)].push(gb),a[v(!Dd)].push(hb),a[v(Id)].push(lb),Hd=e.shadows&&!Fc,a[v(!Hd)].push(jb),_d.addClass(a.add.join(" ")).removeClass(a.remove.join(" ")),te=d.extend({
}
,e)}
function x(a){
return 0>a?(ld+a%ld)%ld:a>=ld?a%ld:a}
function C(a){
return h(a,0,ld-1)}
function V(a){
return xd?x(a):C(a)}
function W(a){
return a>0||xd?a-1:!1}
function Z(a){
return ld-1>a||xd?a+1:!1}
function Fb(){
ve.min=xd?-1/0:-p(ld-1,ue.w,e.margin,rd),ve.max=xd?1/0:-p(0,ue.w,e.margin,rd),ve.snap=ue.w+e.margin}
function Gb(){
xe.min=Math.min(0,ue.W-ie.width()),xe.max=0,ie.toggleClass(rb,!(xe.noMove=xe.min===xe.max))}
function Hb(a,b,c){
if("number"==typeof a){
a=new Array(a);
var e=!0}
return d.each(a,function(a,d){
if(e&&(d=a),"number"==typeof d){
var f=kd[x(d)];
if(f){
var g="$"+b+"Frame",h=f[g];
c.call(this,a,d,f,h,g,h&&h.data())}
}
}
)}
function Ib(a,b,c,d){
(!Jd||"*"===Jd&&d===wd)&&(a=o(e.width)||o(a)||Pc,b=o(e.height)||o(b)||Qc,Td.resize({
width:a,ratio:e.ratio||c||a/b}
,0,d===wd?!0:"*"))}
function Wb(a,b,c,f,g){
Hb(a,b,function(a,h,i,j,k,l){
function m(a){
var b=x(h);
Wc(a,{
index:b,src:v,frame:kd[b]}
)}
function n(){
s.remove(),d.Fotorama.cache[v]="error",i.html&&"stage"===b||!w||w===v?(!v||i.html||q?"stage"===b&&(j.trigger("f:load").removeClass(Sb+" "+Rb).addClass(Tb),m("load"),Ib()):(j.trigger("f:error").removeClass(Sb).addClass(Rb),m("error")),l.state="error",!(ld>1&&kd[h]===i)||i.html||i.deleted||i.video||q||(i.deleted=!0,Td.splice(h,1))):(i[u]=v=w,Wb([h],b,c,f,!0))}
function o(){
d.Fotorama.measures[v]=t.measures=d.Fotorama.measures[v]||{
width:r.width,height:r.height,ratio:r.width/r.height}
,Ib(t.measures.width,t.measures.height,t.measures.ratio,h),s.off("load error").addClass(Xb+(q?" "+Yb:"")).prependTo(j),G(s,c||ue,f||i.fit||e.fit),d.Fotorama.cache[v]=l.state="loaded",setTimeout(function(){
j.trigger("f:load").removeClass(Sb+" "+Rb).addClass(Tb+" "+(q?Ub:Vb)),"stage"===b&&m("load")}
,5)}
function p(){
var a=10;
E(function(){
return!Qd||!a--&&!Fc}
,function(){
o()}
)}
if(j){
var q=Td.fullScreen&&i.full&&i.full!==i.img&&!l.$full&&"stage"===b;
if(!l.$img||g||q){
var r=new Image,s=d(r),t=s.data();
l[q?"$full":"$img"]=s;
var u="stage"===b?q?"full":"img":"thumb",v=i[u],w=q?null:i["stage"===b?"thumb":"img"];
if("navThumb"===b&&(j=l.$wrap),!v)return n(),void 0;
d.Fotorama.cache[v]?!function y(){
"error"===d.Fotorama.cache[v]?n():"loaded"===d.Fotorama.cache[v]?setTimeout(p,0):setTimeout(y,100)}
():(d.Fotorama.cache[v]="*",s.on("load",p).on("error",n)),l.state="",r.src=v}
}
}
)}
function bc(a){
re.append(nd.spin().el).appendTo(a)}
function hc(){
re.detach(),nd&&nd.stop()}
function ic(){
var a=Td.activeFrame[Rc];
a&&!a.data().state&&(bc(a),a.on("f:load f:error",function(){
a.off("f:load f:error"),hc()}
))}
function jc(a,b){
Hb(a,b,function(a,c,f,g,h,i){
g||(g=f[h]=_d[h].clone(),i=g.data(),i.data=f,"stage"===b?(f.html&&d('<div class="'+ac+'"></div>').append(f._html?d(f.html).removeAttr("id").html(f._html):f.html).appendTo(g),e.captions&&f.caption&&d(L(ec,L(fc,f.caption))).appendTo(g),f.video&&g.addClass(pb).append(oe.clone()),ce=ce.add(g)):"navDot"===b?je=je.add(g):"navThumb"===b&&(i.$wrap=g.children(":first"),ke=ke.add(g),f.video&&g.append(oe.clone())))}
)}
function lc(a,b,c){
return a&&a.length&&G(a,b,c)}
function mc(a){
Hb(a,"stage",function(a,b,c,f,g,h){
if(f){
Ae[Rc][x(b)]=f.css(d.extend({
left:Dd?0:p(b,ue.w,e.margin,rd)}
,Dd&&l(0))),D(f[0])&&(f.appendTo(be),bd(c.$video));
var i=c.fit||e.fit;
lc(h.$img,ue,i),lc(h.$full,ue,i)}
}
)}
function nc(a,b){
if("thumbs"===yd&&!isNaN(a)){
var c=-a,e=-a+ue.w;
ke.each(function(){
var a=d(this),f=a.data(),g=f.eq,h={
h:Fd}
,i="cover";
h.w=f.w,f.l+f.w<c||f.l>e||lc(f.$img,h,i)||b&&Wb([g],"navThumb",h,i)}
)}
}
function tc(a,b,c){
if(!tc[c]){
var f="nav"===c&&zd,g=0;
b.append(a.filter(function(){
for(var a,b=d(this),c=b.data(),e=0,f=kd.length;
f>e;
e++)if(c.data===kd[e]){
a=!0,c.eq=e;
break}
return a||b.remove()&&!1}
).sort(function(a,b){
return d(a).data().eq-d(b).data().eq}
).each(function(){
if(f){
var a=d(this),b=a.data(),c=Math.round(Fd*b.data.thumbratio)||Ed;
b.l=g,b.w=c,a.css({
width:c}
),g+=c+e.thumbmargin}
}
)),tc[c]=!0}
}
function uc(a){
return a-Be>ue.w/3}
function vc(a){
return!(xd||se+a&&se-ld+a||od)}
function wc(){
de.toggleClass(ub,vc(0)),ee.toggleClass(ub,vc(1))}
function zc(){
we.ok&&(we.prevent={
"<":vc(0),">":vc(1)}
)}
function Ac(a){
var b,c,d=a.data();
return zd?(b=d.l,c=d.w):(b=a.position().left,c=a.width()),{
c:b+c/2,min:-b+10*e.thumbmargin,max:-b+ue.w-c-10*e.thumbmargin}
}
function Ec(a){
var b=Td.activeFrame[Sd].data();
T(le,{
time:.9*a,pos:b.l,width:b.w-2*e.thumbborderwidth}
)}
function Gc(a){
var b=kd[a.guessIndex][Sd];
if(b){
var c=xe.min!==xe.max,d=c&&Ac(Td.activeFrame[Sd]),e=c&&(a.keep&&Gc.l?Gc.l:h((a.coo||ue.w/2)-Ac(b).c,d.min,d.max)),f=c&&h(e,xe.min,xe.max),g=.9*a.time;
T(ie,{
time:g,pos:f||0,onEnd:function(){
nc(f,!0)}
}
),ad(he,I(f,xe.min,xe.max)),Gc.l=e}
}
function Ic(){
Lc(Sd),ze[Sd].push(Td.activeFrame[Sd].addClass(Mb))}
function Lc(a){
for(var b=ze[a];
b.length;
)b.shift().removeClass(Mb)}
function Nc(a){
var b=Ae[a];
d.each(qd,function(a,c){
delete b[x(c)]}
),d.each(b,function(a,c){
delete b[a],c.detach()}
)}
function Uc(a){
rd=sd=se;
var b=Td.activeFrame,c=b[Rc];
c&&(Lc(Rc),ze[Rc].push(c.addClass(Mb)),a||Td.show.onEnd(!0),t(be,0,!0),Nc(Rc),mc(qd),Fb(),Gb())}
function Vc(a,b){
a&&d.extend(ue,{
width:a.width||ue.width,height:a.height,minwidth:a.minwidth,maxwidth:a.maxwidth,minheight:a.minheight,maxheight:a.maxheight,ratio:Q(a.ratio)}
)&&!b&&d.extend(e,{
width:ue.width,height:ue.height,minwidth:ue.minwidth,maxwidth:ue.maxwidth,minheight:ue.minheight,maxheight:ue.maxheight,ratio:ue.ratio}
)}
function Wc(b,c){
a.trigger(ab+":"+b,[Td,c])}
function Xc(){
clearTimeout(Yc.t),Qd=1,e.stopautoplayontouch?Td.stopAutoplay():Nd=!0}
function Yc(){
Yc.t=setTimeout(function(){
Qd=0}
,Kc+Jc)}
function Zc(){
Nd=!(!od&&!Od)}
function $c(){
if(clearTimeout($c.t),!e.autoplay||Nd)return Td.autoplay&&(Td.autoplay=!1,Wc("stopautoplay")),void 0;
Td.autoplay||(Td.autoplay=!0,Wc("startautoplay"));
var a=se,b=Td.activeFrame[Rc].data();
E(function(){
return b.state||a!==se}
,function(){
$c.t=setTimeout(function(){
Nd||a!==se||Td.show(xd?S(!Id):x(se+(Id?-1:1)))}
,e.autoplay)}
)}
function _c(){
Td.fullScreen&&(Td.fullScreen=!1,Dc&&kc.cancel(Wd),sc.removeClass(bb),rc.removeClass(bb),a.removeClass(Pb).insertAfter($d),ue=d.extend({
}
,Pd),bd(od,!0,!0),fd("x",!1),Td.resize(),Wb(qd,"stage"),O(Ld,Kd),Wc("fullscreenexit"))}
function ad(a,b){
Hd&&(a.removeClass(Kb+" "+Lb),b&&!od&&a.addClass(b.replace(/^|\s/g," "+Jb+"--")))}
function bd(a,b,c){
b&&(_d.removeClass(fb),od=!1,r()),a&&a!==od&&(a.remove(),Wc("unloadvideo")),c&&(Zc(),$c())}
function cd(a){
_d.toggleClass(ib,a)}
function dd(a){
if(!ve.flow){
var b=a?a.pageX:dd.x,c=b&&!vc(uc(b))&&e.click;
dd.p===c||!Dd&&e.swipe||!ae.toggleClass(sb,c)||(dd.p=c,dd.x=b)}
}
function ed(a,b){
var c=a.target,f=d(c);
f.hasClass(cc)?Td.playVideo():c===ne?Td[(Td.fullScreen?"cancel":"request")+"FullScreen"]():od?c===qe&&bd(od,!0,!0):b?cd():e.click&&Td.show({
index:a.shiftKey||S(uc(a._x)),slow:a.altKey,user:!0}
)}
function fd(a,b){
ve[a]=xe[a]=b}
function gd(a,b){
var c=d(this).data().eq;
Td.show({
index:c,slow:a.altKey,user:!0,coo:a._x-he.offset().left,time:b}
)}
function hd(){
if(j(),w(),!hd.i){
hd.i=!0;
var a=e.startindex;
(a||e.hash&&c.hash)&&(wd=J(a||c.hash.replace(/^#/,""),kd,0===Td.index||a,a)),se=rd=sd=td=wd=V(wd)||0}
if(ld){
if(id())return;
od&&bd(od,!0),qd=[],Nc(Rc),Td.show({
index:se,time:0,reset:hd.ok}
),Td.resize()}
else Td.destroy();
hd.ok=!0}
function id(){
return!id.f===Id?(id.f=Id,se=ld-1-se,Td.reverse(),!0):void 0}
function jd(){
jd.ok||(jd.ok=!0,Wc("ready"))}
rc=rc||d("html"),sc=sc||d("body");
var kd,ld,md,nd,od,pd,qd,rd,sd,td,ud,vd,wd,xd,yd,zd,Ad,Bd,Cd,Dd,Ed,Fd,Gd,Hd,Id,Jd,Kd,Ld,Md,Nd,Od,Pd,Qd,Rd,Sd,Td=this,Ud=d.now(),Vd=ab+Ud,Wd=a[0],Xd=1,Yd=a.data(),Zd=d("<style></style>"),$d=d(L(Ob)),_d=d(L(cb)),ae=d(L(nb)).appendTo(_d),be=(ae[0],d(L(qb)).appendTo(ae)),ce=d(),de=d(L(tb+" "+vb)),ee=d(L(tb+" "+wb)),fe=de.add(ee).appendTo(ae),ge=d(L(yb)),he=d(L(xb)).appendTo(ge),ie=d(L(zb)).appendTo(he),je=d(),ke=d(),le=(be.data(),ie.data(),d(L(_b)).appendTo(ie)),me=d(L(Qb)),ne=me[0],oe=d(L(cc)),pe=d(L(dc)).appendTo(ae),qe=pe[0],re=d(L(gc)),se=!1,te={
}
,ue={
}
,ve={
}
,we={
}
,xe={
}
,ye={
}
,ze={
}
,Ae={
}
,Be=0,Ce=[];
_d[Rc]=d(L(ob)),_d[Tc]=d(L(Cb+" "+Eb,L($b))),_d[Sc]=d(L(Cb+" "+Db,L(Zb))),ze[Rc]=[],ze[Tc]=[],ze[Sc]=[],Ae[Rc]={
}
,_d.addClass(Bc?eb:db),Yd.fotorama=this,Td.startAutoplay=function(a){
return Td.autoplay?this:(Nd=Od=!1,s(a||e.autoplay),$c(),this)}
,Td.stopAutoplay=function(){
return Td.autoplay&&(Nd=Od=!0,$c()),this}
,Td.show=function(a){
var b;
"object"!=typeof a?(b=a,a={
}
):b=a.index,b=">"===b?sd+1:"<"===b?sd-1:"<<"===b?0:">>"===b?ld-1:b,b=isNaN(b)?J(b,kd,!0):b,b="undefined"==typeof b?se||0:b,Td.activeIndex=se=V(b),ud=W(se),vd=Z(se),qd=[se,ud,vd],sd=xd?b:se;
var c=Math.abs(td-sd),d=u(a.time,function(){
return Math.min(Gd*(1+(c-1)/12),2*Gd)}
),f=a.overPos;
a.slow&&(d*=10),Td.activeFrame=pd=kd[se],bd(od,pd.i!==kd[x(rd)].i),jc(qd,"stage"),mc(Fc?[sd]:[sd,W(sd),Z(sd)]),fd("go",!0),a.reset||Wc("show",{
user:a.user,time:d}
);
var g=Td.show.onEnd=function(b){
g.ok||(g.ok=!0,ic(),Wb(qd,"stage"),b||Uc(!0),a.reset||Wc("showend",{
user:a.user}
),fd("go",!1),zc(),dd(),Zc(),$c())}
;
if(Dd){
var i=pd[Rc],j=se!==td?kd[td][Rc]:null;
U(i,j,ce,{
time:d,method:e.transition,onEnd:g}
,Ce)}
else T(be,{
pos:-p(sd,ue.w,e.margin,rd),overPos:f,time:d,onEnd:g,_001:!0}
);
if(wc(),yd){
Ic();
var k=C(se+h(sd-td,-1,1));
Gc({
time:d,coo:k!==se&&a.coo,guessIndex:"undefined"!=typeof a.coo?k:se}
),zd&&Ec(d)}
return Md="undefined"!=typeof td&&td!==se,td=se,e.hash&&Md&&!Td.eq&&F(pd.id||se+1),this}
,Td.requestFullScreen=function(){
return Bd&&!Td.fullScreen&&(Kd=xc.scrollTop(),Ld=xc.scrollLeft(),O(0,0),fd("x",!0),Pd=d.extend({
}
,ue),a.addClass(Pb).appendTo(sc.addClass(bb)),rc.addClass(bb),bd(od,!0,!0),Td.fullScreen=!0,Cd&&kc.request(Wd),Td.resize(),Wb(qd,"stage"),ic(),Wc("fullscreenenter")),this}
,Td.cancelFullScreen=function(){
return Cd&&kc.is()?kc.cancel(b):_c(),this}
,b.addEventListener&&b.addEventListener(kc.event,function(){
!kd||kc.is()||od||_c()}
,!1),Td.resize=function(a){
if(!kd)return this;
Vc(Td.fullScreen?{
width:"100%",maxwidth:null,minwidth:null,height:"100%",maxheight:null,minheight:null}
:P(a),Td.fullScreen);
var b=arguments[1]||0,c=arguments[2],d=ue.width,f=ue.height,g=ue.ratio,i=xc.height()-(yd?he.height():0);
return o(d)&&(_d.addClass(mb).css({
width:d,minWidth:ue.minwidth,maxWidth:ue.maxwidth}
),d=ue.W=ue.w=_d.width(),e.glimpse&&(ue.w-=Math.round(2*(n(e.glimpse)/100*d||m(e.glimpse)||0))),be.css({
width:ue.w,marginLeft:(ue.W-ue.w)/2}
),f=n(f)/100*i||m(f),f=f||g&&d/g,f&&(d=Math.round(d),f=ue.h=Math.round(h(f,n(ue.minheight)/100*i||m(ue.minheight),n(ue.maxheight)/100*i||m(ue.maxheight))),Uc(),ae.stop().animate({
width:d,height:f}
,b,function(){
_d.removeClass(mb)}
),yd&&(he.stop().animate({
width:d}
,b),Gc({
guessIndex:se,time:b,keep:!0}
),zd&&tc.nav&&Ec(b)),Jd=c||!0,jd())),Be=ae.offset().left,this}
,Td.setOptions=function(a){
return d.extend(e,a),hd(),this}
,Td.shuffle=function(){
return kd&&M(kd)&&hd(),this}
,Td.destroy=function(){
return Td.cancelFullScreen(),Td.stopAutoplay(),kd=Td.data=null,i(),qd=[],Nc(Rc),this}
,Td.playVideo=function(){
var a=Td.activeFrame,b=a.video,c=se;
return"object"==typeof b&&a.videoReady&&(Cd&&Td.fullScreen&&Td.cancelFullScreen(),E(function(){
return!kc.is()||c!==se}
,function(){
c===se&&(a.$video=a.$video||d(d.Fotorama.jst.video(b)),a.$video.appendTo(a[Rc]),_d.addClass(fb),od=a.$video,r(),Wc("loadvideo"))}
)),this}
,Td.stopVideo=function(){
return bd(od,!0,!0),this}
,ae.on("mousemove",dd),ve=X(be,{
onStart:Xc,onMove:function(a,b){
ad(ae,b.edge)}
,onTouchEnd:Yc,onEnd:function(a){
ad(ae);
var b=(Hc&&!Rd||a.touch)&&e.arrows;
if(a.moved||b&&a.pos!==a.newPos){
var c=q(a.newPos,ue.w,e.margin,rd);
Td.show({
index:c,time:Dd?Gd:a.time,overPos:a.overPos,user:!0}
)}
else a.aborted||ed(a.startEvent,b)}
,_001:!0,timeLow:1,timeHigh:1,friction:2,select:"."+Nb+",."+Nb+" *",$wrap:ae}
),xe=X(ie,{
onStart:Xc,onMove:function(a,b){
ad(he,b.edge)}
,onTouchEnd:Yc,onEnd:function(a){
function b(){
Gc.l=a.newPos,Zc(),$c(),nc(a.newPos,!0)}
if(a.moved)a.pos!==a.newPos?(T(ie,{
time:a.time,pos:a.newPos,overPos:a.overPos,onEnd:b}
),nc(a.newPos),Hd&&ad(he,I(a.newPos,xe.min,xe.max))):b();
else{
var c=a.$target.closest("."+Cb,ie)[0];
c&&gd.call(c,a.startEvent)}
}
,timeLow:.5,timeHigh:2,friction:5,$wrap:he}
),we=Y(ae,{
shift:!0,onEnd:function(a,b){
Xc(),Yc(),Td.show({
index:b,slow:a.altKey}
)}
}
),ye=Y(he,{
onEnd:function(a,b){
Xc(),Yc();
var c=t(ie)+.25*b;
ie.css(k(h(c,xe.min,xe.max))),Hd&&ad(he,I(c,xe.min,xe.max)),ye.prevent={
"<":c>=xe.max,">":c<=xe.min}
,clearTimeout(ye.t),ye.t=setTimeout(function(){
nc(c,!0)}
,Jc),nc(c)}
}
),_d.hover(function(){
setTimeout(function(){
Qd||(Rd=!0,cd(!Rd))}
,0)}
,function(){
Rd&&(Rd=!1,cd(!Rd))}
),K(fe,function(a){
R(a),Td.show({
index:fe.index(this)?">":"<",slow:a.altKey,user:!0}
)}
,{
onStart:function(){
Xc(),ve.control=!0}
,onTouchEnd:Yc}
),d.each("load push pop shift unshift reverse sort splice".split(" "),function(a,b){
Td[b]=function(){
return kd=kd||[],"load"!==b?Array.prototype[b].apply(kd,arguments):arguments[0]&&"object"==typeof arguments[0]&&arguments[0].length&&(kd=N(arguments[0])),hd(),Td}
}
),hd()}
,d.fn.fotorama=function(b){
return this.each(function(){
var c=this,e=d(this),f=e.data(),g=f.fotorama;
g?g.setOptions(b):E(function(){
return!C(c)}
,function(){
f.urtext=e.html(),new d.Fotorama(e,d.extend({
}
,{
width:null,minwidth:null,maxwidth:"100%",height:null,minheight:null,maxheight:null,ratio:null,margin:Nc,glimpse:0,nav:"dots",navposition:"bottom",thumbwidth:Oc,thumbheight:Oc,thumbmargin:Nc,thumbborderwidth:Nc,allowfullscreen:!1,fit:"contain",transition:"slide",transitionduration:Kc,captions:!0,hash:!1,startindex:0,loop:!1,autoplay:!1,stopautoplayontouch:!0,keyboard:!1,arrows:!0,click:!0,swipe:!0,trackpad:!0,shuffle:!1,direction:"ltr",shadows:!0,spinner:null}
,a.fotoramaDefaults,b,f))}
)}
)}
,d.Fotorama.instances=[],d.Fotorama.cache={
}
,d.Fotorama.measures={
}
,d=d||{
}
,d.Fotorama=d.Fotorama||{
}
,d.Fotorama.jst=d.Fotorama.jst||{
}
,d.Fotorama.jst.style=function(a){
var b,c="";
return ic.escape,c+=".fotorama"+(null==(b=a.s)?"":b)+" .fotorama__nav--thumbs .fotorama__nav__frame{
\npadding:"+(null==(b=a.m)?"":b)+"px;
\nheight:"+(null==(b=a.h)?"":b)+"px}
\n.fotorama"+(null==(b=a.s)?"":b)+" .fotorama__thumb-border{
\nheight:"+(null==(b=a.h-a.b*(a.q?0:2))?"":b)+"px;
\nborder-width:"+(null==(b=a.b)?"":b)+"px;
\nmargin-top:"+(null==(b=a.m)?"":b)+"px}
"}
,d.Fotorama.jst.video=function(a){
function b(){
c+=d.call(arguments,"")}
var c="",d=(ic.escape,Array.prototype.join);
return c+='<div class="fotorama__video"><iframe src="',b(("youtube"==a.type?"http://youtube.com/embed/"+a.id+"?autoplay=1":"vimeo"==a.type?"http://player.vimeo.com/video/"+a.id+"?autoplay=1&badge=0":a.id)+(a.s&&"custom"!=a.type?"&"+a.s:"")),c+='" frameborder="0" allowfullscreen></iframe></div>'}
,d(function(){
d("."+ab+':not([data-auto="false"])').fotorama()}
)}
(window,document,location,window.jQuery);
CSS代码(fotorama.css):
/*! * Fotorama 4.4.9 | http://fotorama.io/license/ */
.fotorama__stage__shaft,.fotorama__stage__frame,.fotorama__html,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}
.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}
.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}
.fotorama__img,.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}
.fotorama__img{margin:-50% 0 0 -50%;width:100%;height:100%}
.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__video-play,.fotorama__wrap--css3 .fotorama__video-close{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__stage__frame,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__caption,.fotorama__stage:before,.fotorama__stage:after,.fotorama__nav:before,.fotorama__nav:after{-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}
.fotorama__wrap--video .fotorama__stage__shaft,.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__caption{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}
.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transition-timing-function:cubic-bezier(0.1,0,.25,1);transition-timing-function:cubic-bezier(0.1,0,.25,1);-webkit-transition-duration:0ms;transition-duration:0ms}
.fotorama__wrap,.fotorama__no-select,.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-play,.fotorama__video-close{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}
.fotorama__nav,.fotorama__nav__frame{margin:0;padding:0}
.fotorama__nav__shaft,.fotorama__nav__frame,.fotorama__caption__wrap{display:-moz-inline-box;-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*display:inline;*zoom:1}
.fotorama__wrap *{-moz-box-sizing:content-box;box-sizing:content-box}
.fotorama__caption__wrap{-moz-box-sizing:border-box;box-sizing:border-box}
.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}
.fotorama__stage__shaft,.fotorama__stage__frame,.fotorama__nav,.fotorama__nav__shaft,.fotorama__nav__frame,.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-play,.fotorama__video-close{-webkit-tap-highlight-color:rgba(0,0,0,0)}
.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-play,.fotorama__video-close{background:url(fotorama.png) no-repeat}
@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-play,.fotorama__video-close{background:url(fotorama@2x.png) no-repeat;background-size:96px 160px}
}
.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}
.fotorama{min-width:1px;overflow:hidden}
.fotorama>.fotorama__wrap{visibility:visible}
.fotorama--hidden-before-ready>*{visibility:hidden}
.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}
.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important;margin:0!important}
.fotorama--fullscreen .fotorama__stage,.fotorama--fullscreen .fotorama__nav{background:#000}
.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr}
.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}
.fotorama__stage,.fotorama__nav{overflow:hidden;position:relative;max-width:100%}
.fotorama__wrap--pan-y{-ms-touch-action:pan-y}
.fotorama__wrap .fotorama__pointer{cursor:pointer}
.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}
.fotorama__stage__frame{overflow:hidden}
.fotorama__stage__frame.fotorama__active{z-index:8}
.fotorama__wrap--fade .fotorama__stage__frame{display:none}
.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active,.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear{display:block;left:0;top:0}
.fotorama__wrap--fade .fotorama__fade-front{z-index:8}
.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}
.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}
.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}
.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:0!important}
.fotorama__loaded .fotorama__img,.fotorama__error .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}
.fotorama__img--full{display:none}
.fotorama--fullscreen .fotorama__loaded--full .fotorama__img{display:none}
.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}
.fotorama__wrap--only-active .fotorama__stage,.fotorama__wrap--only-active .fotorama__nav{max-width:99999px!important}
.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}
.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}
.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}
.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}
.fotorama__nav__frame{position:relative;cursor:pointer}
.fotorama__nav--dots{display:block}
.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}
.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}
.fotorama__nav--thumbs{display:block}
.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}
.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}
.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}
.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid}
.fotorama__nav__frame.fotorama__active{pointer-events:none;cursor:default}
.fotorama__nav__frame.fotorama__active .fotorama__dot{width:6px;height:6px;border:0}
.fotorama__dot{border-color:#7f7f7f}
.fotorama__active .fotorama__dot{background-color:#7f7f7f}
.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}
.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:-webkit-linear-gradient(top left,rgba(255,255,255,.25),rgba(64,64,64,.1));background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}
.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}
.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}
.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}
.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}
.fotorama__caption__wrap{background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}
@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spinner{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}
.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__caption{-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.3s;transition-duration:.3s}
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__caption{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}
.fotorama__select{cursor:auto}
.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}
@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}
}
.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-play,.fotorama__video-close{display:block;position:absolute;z-index:11;cursor:pointer}
.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}
.fotorama__arr--prev{left:0;background-position:0 0}
.fotorama__arr--next{right:0;background-position:-32px 0}
.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;opacity:.1}
.fotorama__fullscreen-icon{width:32px;height:32px;top:0;right:0;background-position:0 -32px;z-index:20}
.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}
.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;display:none}
.fotorama__wrap--css3 .fotorama__video-play{display:block;opacity:0}
.fotorama__loaded .fotorama__video-play,.fotorama__error .fotorama__video-play{display:block;opacity:1}
.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px;opacity:1!important;display:block!important}
.fotorama__video-close{width:32px;height:32px;top:0;right:0;display:none;background-position:-64px 0;z-index:20}
.fotorama__wrap--no-controls .fotorama__arr,.fotorama__wrap--no-controls .fotorama__fullscreen-icon,.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{display:none;opacity:0}
.fotorama__wrap--css3.fotorama__wrap--slide.fotorama__wrap--no-controls .fotorama__fullscreen-icon,.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{display:block;-webkit-transform:translate3d(32px,-32px,0);-ms-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}
.fotorama__wrap--css3.fotorama__wrap--slide.fotorama__wrap--no-controls .fotorama__arr--prev,.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{display:block;-webkit-transform:translate3d(-48px,0,0);-ms-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}
.fotorama__wrap--css3.fotorama__wrap--slide.fotorama__wrap--no-controls .fotorama__arr--next,.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{display:block;-webkit-transform:translate3d(48px,0,0);-ms-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}
.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}
.fotorama__wrap--video .fotorama__video-close{display:block}
.fotorama__wrap--css3 .fotorama__video-close{display:block;opacity:0;-webkit-transform:translate3d(32px,-32px,0);-ms-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:block;opacity:0;z-index:-1}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__video-play,.fotorama__wrap--css3 .fotorama__video-close{-webkit-transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transition-duration:.3s;transition-duration:.3s}
.fotorama__stage:before,.fotorama__stage:after,.fotorama__nav:before,.fotorama__nav:after{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}
.fotorama__stage:before,.fotorama__nav:before{background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),-webkit-radial-gradient(0 50%,farthest-side,rgba(0,0,0,.4),transparent);background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}
.fotorama__stage.fotorama__shadows--left:before,.fotorama__nav.fotorama__shadows--left:before{left:0}
.fotorama__stage:after,.fotorama__nav:after{background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),-webkit-radial-gradient(100% 50%,farthest-side,rgba(0,0,0,.4),transparent);background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}
.fotorama__stage.fotorama__shadows--right:after,.fotorama__nav.fotorama__shadows--right:after{right:0}
.fotorama--fullscreen .fotorama__stage:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after{display:none}
分享到QQ
分享到微博
微信扫一扫
