IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Configurer slider Jssor selon mon besoin


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de touche_a_tout
    Profil pro
    Inscrit en
    Août 2006
    Messages
    544
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Août 2006
    Messages : 544
    Par défaut Configurer slider Jssor selon mon besoin
    Bonjour,
    J'ai téléchargé un scroller mais je nage dans les <div> ("de mon temps" on mettait des frame et des table partout). Je désire que mes images occupent toute la largeur de l'écran sans modifier leurs proportions.
    Merci d'avance à quiconque pourra me donner ce coup de pouce. Le joins le HTML. Les images sont ignobles parce que j'ai voulu les alléger au maximum. (Il y en a 10 mais je ne peux en joindre que 5; ça va coincer)
    Cordialement
    Pierre
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title></title>
    </head>
    <body style="padding:0px; margin:0px; background-color:#fff;font-family:Arial, sans-serif">
     
    <!-- #region Jssor Slider Begin -->
     
    <!-- Generated by Jssor Slider Maker Online. -->
    <!-- This is deep minimized demo, it works alone, it doesn't depend on any javascript library. -->
     
    <script>
     
    (function(h,f,c,j,d,l,k){/*! Jssor */
    new(function(){});var e={sd:function(a){return-c.cos(a*c.PI)/2+.5},Cd:function(a){return a},ed:function(a){return-a*(a-2)}};var b=new function(){var g=this,Bb=/\S+/g,G=1,db=2,hb=3,gb=4,lb=5,H,r=0,i=0,s=0,W=0,z=0,J=navigator,pb=J.appName,o=J.userAgent,p=parseFloat;function zb(){if(!H){H={Ee:"ontouchstart"in h||"createTouch"in f};var a;if(J.pointerEnabled||(a=J.msPointerEnabled))H.cd=a?"msTouchAction":"touchAction"}return H}function v(j){if(!r){r=-1;if(pb=="Microsoft Internet Explorer"&&!!h.attachEvent&&!!h.ActiveXObject){var e=o.indexOf("MSIE");r=G;s=p(o.substring(e+5,o.indexOf(";",e)));/*@cc_on W=@_jscript_version@*/;i=f.documentMode||s}else if(pb=="Netscape"&&!!h.addEventListener){var d=o.indexOf("Firefox"),b=o.indexOf("Safari"),g=o.indexOf("Chrome"),c=o.indexOf("AppleWebKit");if(d>=0){r=db;i=p(o.substring(d+8))}else if(b>=0){var k=o.substring(0,b).lastIndexOf("/");r=g>=0?gb:hb;i=p(o.substring(k+1,b))}else{var a=/Trident\/.*rv:([0-9]{1,}[\.0-9]{0,})/i.exec(o);if(a){r=G;i=s=p(a[1])}}if(c>=0)z=p(o.substring(c+12))}else{var a=/(opera)(?:.*version|)[ \/]([\w.]+)/i.exec(o);if(a){r=lb;i=p(a[2])}}}return j==r}function q(){return v(G)}function R(){return q()&&(i<6||f.compatMode=="BackCompat")}function fb(){return v(hb)}function kb(){return v(lb)}function wb(){return fb()&&z>534&&z<535}function K(){v();return z>537||i>42||r==G&&i>=11}function P(){return q()&&i<9}function xb(a){var b,c;return function(f){if(!b){b=d;var e=a.substr(0,1).toUpperCase()+a.substr(1);n([a].concat(["WebKit","ms","Moz","O","webkit"]),function(g,d){var b=a;if(d)b=g+e;if(f.style[b]!=k)return c=b})}return c}}function vb(b){var a;return function(c){a=a||xb(b)(c)||b;return a}}var L=vb("transform");function ob(a){return{}.toString.call(a)}var F;function Hb(){if(!F){F={};n(["Boolean","Number","String","Function","Array","Date","RegExp","Object"],function(a){F["[object "+a+"]"]=a.toLowerCase()})}return F}function n(b,d){var a,c;if(ob(b)=="[object Array]"){for(a=0;a<b.length;a++)if(c=d(b[a],a,b))return c}else for(a in b)if(c=d(b[a],a,b))return c}function C(a){return a==j?String(a):Hb()[ob(a)]||"object"}function mb(a){for(var b in a)return d}function A(a){try{return C(a)=="object"&&!a.nodeType&&a!=a.window&&(!a.constructor||{}.hasOwnProperty.call(a.constructor.prototype,"isPrototypeOf"))}catch(b){}}function u(a,b){return{x:a,y:b}}function sb(b,a){setTimeout(b,a||0)}function I(b,d,c){var a=!b||b=="inherit"?"":b;n(d,function(c){var b=c.exec(a);if(b){var d=a.substr(0,b.index),e=a.substr(b.index+b[0].length+1,a.length-1);a=d+e}});a=c+(!a.indexOf(" ")?"":" ")+a;return a}function ub(b,a){if(i<9)b.style.filter=a}g.Ge=zb;g.ad=q;g.Ce=fb;g.ye=K;g.Bc=P;xb("transform");g.mc=function(){return i};g.kc=sb;function Z(a){a.constructor===Z.caller&&a.pc&&a.pc.apply(a,Z.caller.arguments)}g.pc=Z;g.sb=function(a){if(g.Fe(a))a=f.getElementById(a);return a};function t(a){return a||h.event}g.hc=t;g.Sb=function(b){b=t(b);var a=b.target||b.srcElement||f;if(a.nodeType==3)a=g.Fc(a);return a};g.uc=function(a){a=t(a);return{x:a.pageX||a.clientX||0,y:a.pageY||a.clientY||0}};function D(c,d,a){if(a!==k)c.style[d]=a==k?"":a;else{var b=c.currentStyle||c.style;a=b[d];if(a==""&&h.getComputedStyle){b=c.ownerDocument.defaultView.getComputedStyle(c,j);b&&(a=b.getPropertyValue(d)||b[d])}return a}}function bb(b,c,a,d){if(a!==k){if(a==j)a="";else d&&(a+="px");D(b,c,a)}else return p(D(b,c))}function m(c,a){var d=a?bb:D,b;if(a&4)b=vb(c);return function(e,f){return d(e,b?b(e):c,f,a&2)}}function Eb(b){if(q()&&s<9){var a=/opacity=([^)]*)/.exec(b.style.filter||"");return a?p(a[1])/100:1}else return p(b.style.opacity||"1")}function Gb(b,a,f){if(q()&&s<9){var h=b.style.filter||"",i=new RegExp(/[\s]*alpha\([^\)]*\)/g),e=c.round(100*a),d="";if(e<100||f)d="alpha(opacity="+e+") ";var g=I(h,[i],d);ub(b,g)}else b.style.opacity=a==1?"":c.round(a*100)/100}var M={M:["rotate"],D:["rotateX"],C:["rotateY"],ub:["skewX"],vb:["skewY"]};if(!K())M=B(M,{k:["scaleX",2],l:["scaleY",2],A:["translateZ",1]});function N(d,a){var c="";if(a){if(q()&&i&&i<10){delete a.D;delete a.C;delete a.A}b.e(a,function(d,b){var a=M[b];if(a){var e=a[1]||0;if(O[b]!=d)c+=" "+a[0]+"("+d+(["deg","px",""])[e]+")"}});if(K()){if(a.N||a.L||a.A)c+=" translate3d("+(a.N||0)+"px,"+(a.L||0)+"px,"+(a.A||0)+"px)";if(a.k==k)a.k=1;if(a.l==k)a.l=1;if(a.k!=1||a.l!=1)c+=" scale3d("+a.k+", "+a.l+", 1)"}}d.style[L(d)]=c}g.xc=m("transformOrigin",4);g.we=m("backfaceVisibility",4);g.re=m("transformStyle",4);g.qe=m("perspective",6);g.pe=m("perspectiveOrigin",4);g.oe=function(a,b){if(q()&&s<9||s<10&&R())a.style.zoom=b==1?"":b;else{var c=L(a),f="scale("+b+")",e=a.style[c],g=new RegExp(/[\s]*scale\(.*?\)/g),d=I(e,[g],f);a.style[c]=d}};g.sc=function(b,a){return function(c){c=t(c);var e=c.type,d=c.relatedTarget||(e=="mouseout"?c.toElement:c.fromElement);(!d||d!==a&&!g.me(a,d))&&b(c)}};g.a=function(a,d,b,c){a=g.sb(a);if(a.addEventListener){d=="mousewheel"&&a.addEventListener("DOMMouseScroll",b,c);a.addEventListener(d,b,c)}else if(a.attachEvent){a.attachEvent("on"+d,b);c&&a.setCapture&&a.setCapture()}};g.u=function(a,c,d,b){a=g.sb(a);if(a.removeEventListener){c=="mousewheel"&&a.removeEventListener("DOMMouseScroll",d,b);a.removeEventListener(c,d,b)}else if(a.detachEvent){a.detachEvent("on"+c,d);b&&a.releaseCapture&&a.releaseCapture()}};g.xb=function(a){a=t(a);a.preventDefault&&a.preventDefault();a.cancel=d;a.returnValue=l};g.le=function(a){a=t(a);a.stopPropagation&&a.stopPropagation();a.cancelBubble=d};g.W=function(d,c){var a=[].slice.call(arguments,2),b=function(){var b=a.concat([].slice.call(arguments,0));return c.apply(d,b)};return b};g.yb=function(d,c){for(var b=[],a=d.firstChild;a;a=a.nextSibling)(c||a.nodeType==1)&&b.push(a);return b};function nb(a,c,e,b){b=b||"u";for(a=a?a.firstChild:j;a;a=a.nextSibling)if(a.nodeType==1){if(V(a,b)==c)return a;if(!e){var d=nb(a,c,e,b);if(d)return d}}}g.r=nb;function ib(a,c,d){for(a=a?a.firstChild:j;a;a=a.nextSibling)if(a.nodeType==1){if(a.tagName==c)return a;if(!d){var b=ib(a,c,d);if(b)return b}}}g.fd=ib;function B(){var e=arguments,d,c,b,a,g=1&e[0],f=1+g;d=e[f-1]||{};for(;f<e.length;f++)if(c=e[f])for(b in c){a=c[b];if(a!==k){a=c[b];var h=d[b];d[b]=g&&(A(h)||A(a))?B(g,{},h,a):a}}return d}g.jb=B;function ab(f,g){var d={},c,a,b;for(c in f){a=f[c];b=g[c];if(a!==b){var e;if(A(a)&&A(b)){a=ab(a,b);e=!mb(a)}!e&&(d[c]=a)}}return d}g.wc=function(a){return C(a)=="function"};g.Fe=function(a){return C(a)=="string"};g.Bd=function(a){return!isNaN(p(a))&&isFinite(a)};g.e=n;function S(a){return f.createElement(a)}g.Cb=function(){return S("DIV")};g.Nc=function(){};function X(b,c,a){if(a==k)return b.getAttribute(c);b.setAttribute(c,a)}function V(a,b){return X(a,b)||X(a,"data-"+b)}g.s=X;g.g=V;function x(b,a){if(a==k)return b.className;b.className=a}g.Gc=x;function rb(b){var a={};n(b,function(b){a[b]=b});return a}function tb(b,a){return b.match(a||Bb)}function Q(b,a){return rb(tb(b||"",a))}g.qd=tb;function cb(b,c){var a="";n(c,function(c){a&&(a+=b);a+=c});return a}function E(a,c,b){x(a,cb(" ",B(ab(Q(x(a)),Q(c)),Q(b))))}g.Fc=function(a){return a.parentNode};g.G=function(a){g.F(a,"none")};g.O=function(a,b){g.F(a,b?"none":"")};g.vd=function(b,a){b.removeAttribute(a)};g.wd=function(){return q()&&i<10};g.xd=function(d,a){if(a)d.style.clip="rect("+c.round(a.i)+"px "+c.round(a.p)+"px "+c.round(a.o)+"px "+c.round(a.j)+"px)";else{var g=d.style.cssText,f=[new RegExp(/[\s]*clip: rect\(.*?\)[;]?/i),new RegExp(/[\s]*cliptop: .*?[;]?/i),new RegExp(/[\s]*clipright: .*?[;]?/i),new RegExp(/[\s]*clipbottom: .*?[;]?/i),new RegExp(/[\s]*clipleft: .*?[;]?/i)],e=I(g,f,"");b.Wb(d,e)}};g.B=function(){return+new Date};g.Q=function(b,a){b.appendChild(a)};g.Zb=function(b,a,c){(c||a.parentNode).insertBefore(b,a)};g.Uc=function(b,a){a=a||b.parentNode;a&&a.removeChild(b)};g.hd=function(a,b){n(a,function(a){g.Uc(a,b)})};g.lc=function(a){g.hd(g.yb(a,d),a)};g.id=function(a,b){var c=g.Fc(a);b&1&&g.z(a,(g.m(c)-g.m(a))/2);b&2&&g.K(a,(g.n(c)-g.n(a))/2)};g.od=function(b,a){return parseInt(b,a||10)};g.ud=p;g.me=function(b,a){var c=f.body;while(a&&b!==a&&c!==a)try{a=a.parentNode}catch(d){return l}return b===a};function Y(d,c,b){var a=d.cloneNode(!c);!b&&g.vd(a,"id");return a}g.fb=Y;g.bb=function(e,f){var a=new Image;function b(e,d){g.u(a,"load",b);g.u(a,"abort",c);g.u(a,"error",c);f&&f(a,d)}function c(a){b(a,d)}if(kb()&&i<11.6||!e)b(!e);else{g.a(a,"load",b);g.a(a,"abort",c);g.a(a,"error",c);a.src=e}};g.td=function(d,a,e){var c=d.length+1;function b(b){c--;if(a&&b&&b.src==a.src)a=b;!c&&e&&e(a)}n(d,function(a){g.bb(a.src,b)});b()};function Ib(a){var l=this,p="",r=["av","pv","ds","dn"],e=[],q,j=0,h=0,d=0;function i(){E(a,q,e[d||j||h&2||h]);b.J(a,"pointer-events",d?"none":"")}function c(){j=0;i();g.u(f,"mouseup",c);g.u(f,"touchend",c);g.u(f,"touchcancel",c)}function o(a){if(d)g.xb(a);else{j=4;i();g.a(f,"mouseup",c);g.a(f,"touchend",c);g.a(f,"touchcancel",c)}}l.nc=function(a){if(a===k)return!d;d=a?0:3;i()};l.R=a=g.sb(a);var m=b.qd(x(a));if(m)p=m.shift();n(r,function(a){e.push(p+a)});q=cb(" ",e);e.unshift("");g.a(a,"mousedown",o);g.a(a,"touchstart",o)}g.Hc=function(a){return new Ib(a)};g.J=D;g.Ab=m("overflow");g.K=m("top",2);g.z=m("left",2);g.m=m("width",2);g.n=m("height",2);g.md=m("marginLeft",2);g.he=m("marginTop",2);g.v=m("position");g.F=m("display");g.q=m("zIndex",1);g.Qb=function(b,a,c){if(a!=k)Gb(b,a,c);else return Eb(b)};g.Wb=function(a,b){if(b!=k)a.style.cssText=b;else return a.style.cssText};var U={kb:g.Qb,i:g.K,j:g.z,ob:g.m,qb:g.n,gb:g.v,Qe:g.F,ab:g.q};function w(f,l){var e=P(),b=K(),d=wb(),h=L(f);function i(b,d,a){var e=b.S(u(-d/2,-a/2)),f=b.S(u(d/2,-a/2)),g=b.S(u(d/2,a/2)),h=b.S(u(-d/2,a/2));b.S(u(300,300));return u(c.min(e.x,f.x,g.x,h.x)+d/2,c.min(e.y,f.y,g.y,h.y)+a/2)}function a(d,a){a=a||{};var f=a.A||0,l=(a.D||0)%360,m=(a.C||0)%360,o=(a.M||0)%360,p=a.Pe;if(e){f=0;l=0;m=0;p=0}var c=new Db(a.N,a.L,f);c.D(l);c.C(m);c.nd(o);c.rd(a.ub,a.vb);c.ic(a.k,a.l,p);if(b){c.cb(a.mb,a.ib);d.style[h]=c.kd()}else if(!W||W<9){var j="";if(o||a.k!=k&&a.k!=1||a.l!=k&&a.l!=1){var n=i(c,a.T,a.U);g.he(d,n.y);g.md(d,n.x);j=c.dd()}var r=d.style.filter,s=new RegExp(/[\s]*progid:DXImageTransform\.Microsoft\.Matrix\([^\)]*\)/g),q=I(r,[s],j);ub(d,q)}}w=function(e,c){c=c||{};var h=c.mb,i=c.ib,f;n(U,function(a,b){f=c[b];f!==k&&a(e,f)});g.xd(e,c.c);if(!b){h!=k&&g.z(e,c.Sc+h);i!=k&&g.K(e,c.oc+i)}if(c.Ed)if(d)sb(g.W(j,N,e,c));else a(e,c)};g.zb=N;if(d)g.zb=w;if(e)g.zb=a;else if(!b)a=N;g.E=w;w(f,l)}g.zb=w;g.E=w;function Db(i,l,p){var d=this,b=[1,0,0,0,0,1,0,0,0,0,1,0,i||0,l||0,p||0,1],h=c.sin,g=c.cos,m=c.tan;function f(a){return a*c.PI/180}function o(a,b){return{x:a,y:b}}function n(c,e,l,m,o,r,t,u,w,z,A,C,E,b,f,k,a,g,i,n,p,q,s,v,x,y,B,D,F,d,h,j){return[c*a+e*p+l*x+m*F,c*g+e*q+l*y+m*d,c*i+e*s+l*B+m*h,c*n+e*v+l*D+m*j,o*a+r*p+t*x+u*F,o*g+r*q+t*y+u*d,o*i+r*s+t*B+u*h,o*n+r*v+t*D+u*j,w*a+z*p+A*x+C*F,w*g+z*q+A*y+C*d,w*i+z*s+A*B+C*h,w*n+z*v+A*D+C*j,E*a+b*p+f*x+k*F,E*g+b*q+f*y+k*d,E*i+b*s+f*B+k*h,E*n+b*v+f*D+k*j]}function e(c,a){return n.apply(j,(a||b).concat(c))}d.ic=function(a,c,d){if(a==k)a=1;if(c==k)c=1;if(d==k)d=1;if(a!=1||c!=1||d!=1)b=e([a,0,0,0,0,c,0,0,0,0,d,0,0,0,0,1])};d.cb=function(a,c,d){b[12]+=a||0;b[13]+=c||0;b[14]+=d||0};d.D=function(c){if(c){a=f(c);var d=g(a),i=h(a);b=e([1,0,0,0,0,d,i,0,0,-i,d,0,0,0,0,1])}};d.C=function(c){if(c){a=f(c);var d=g(a),i=h(a);b=e([d,0,-i,0,0,1,0,0,i,0,d,0,0,0,0,1])}};d.nd=function(c){if(c){a=f(c);var d=g(a),i=h(a);b=e([d,i,0,0,-i,d,0,0,0,0,1,0,0,0,0,1])}};d.rd=function(a,c){if(a||c){i=f(a);l=f(c);b=e([1,m(l),0,0,m(i),1,0,0,0,0,1,0,0,0,0,1])}};d.S=function(c){var a=e(b,[1,0,0,0,0,1,0,0,0,0,1,0,c.x,c.y,0,1]);return o(a[12],a[13])};d.kd=function(){return"matrix3d("+b.join(",")+")"};d.dd=function(){return"progid:DXImageTransform.Microsoft.Matrix(M11="+b[0]+", M12="+b[4]+", M21="+b[1]+", M22="+b[5]+", SizingMethod='auto expand')"}}new function(){var a=this;function b(d,g){for(var j=d[0].length,i=d.length,h=g[0].length,f=[],c=0;c<i;c++)for(var k=f[c]=[],b=0;b<h;b++){for(var e=0,a=0;a<j;a++)e+=d[c][a]*g[a][b];k[b]=e}return f}a.k=function(b,c){return a.yc(b,c,0)};a.l=function(b,c){return a.yc(b,0,c)};a.yc=function(a,c,d){return b(a,[[c,0],[0,d]])};a.S=function(d,c){var a=b(d,[[c.x],[c.y]]);return u(a[0][0],a[1][0])}};var O={Sc:0,oc:0,mb:0,ib:0,V:1,k:1,l:1,M:0,D:0,C:0,N:0,L:0,A:0,ub:0,vb:0};g.Dd=function(a){var c=a||{};if(a)if(b.wc(a))c={Pb:c};else if(b.wc(a.c))c.c={Pb:a.c};return c};g.Be=function(l,m,w,n,y,z,o){var a=m;if(l){a={};for(var g in m){var A=z[g]||1,v=y[g]||[0,1],f=(w-v[0])/v[1];f=c.min(c.max(f,0),1);f=f*A;var u=c.floor(f);if(f!=u)f-=u;var h=n.Pb||e.sd,i,B=l[g],q=m[g];if(b.Bd(q)){h=n[g]||h;var x=h(f);i=B+q*x}else{i=b.jb({pb:{}},l[g]);b.e(q.pb||q,function(d,a){if(n.c)h=n.c[a]||n.c.Pb||h;var c=h(f),b=d*c;i.pb[a]=b;i[a]+=b})}a[g]=i}var t=b.e(m,function(b,a){return O[a]!=k});t&&b.e(O,function(c,b){if(a[b]==k&&l[b]!==k)a[b]=l[b]});if(t){if(a.V)a.k=a.l=a.V;a.T=o.T;a.U=o.U;a.Ed=d}}if(m.c&&o.cb){var p=a.c.pb,s=(p.i||0)+(p.o||0),r=(p.j||0)+(p.p||0);a.j=(a.j||0)+r;a.i=(a.i||0)+s;a.c.j-=r;a.c.p-=r;a.c.i-=s;a.c.o-=s}if(a.c&&b.wd()&&!a.c.i&&!a.c.j&&a.c.p==o.T&&a.c.o==o.U)a.c=j;return a}};function n(){var a=this,d=[];function i(a,b){d.push({Nb:a,dc:b})}function g(a,c){b.e(d,function(b,e){b.Nb==a&&b.dc===c&&d.splice(e,1)})}a.db=a.addEventListener=i;a.removeEventListener=g;a.f=function(a){var c=[].slice.call(arguments,1);b.e(d,function(b){b.Nb==a&&b.dc.apply(h,c)})}}var m=function(z,C,i,J,M,L){z=z||0;var a=this,q,n,o,u,A=0,G,H,F,B,y=0,g=0,m=0,D,k,f,e,p,w=[],x;function O(a){f+=a;e+=a;k+=a;g+=a;m+=a;y+=a}function t(o){var h=o;if(p&&(h>=e||h<=f))h=((h-f)%p+p)%p+f;if(!D||u||g!=h){var j=c.min(h,e);j=c.max(j,f);if(!D||u||j!=m){if(L){var l=(j-k)/(C||1);if(i.de)l=1-l;var n=b.Be(M,L,l,G,F,H,i);if(x)b.e(n,function(b,a){x[a]&&x[a](J,b)});else b.E(J,n)}a.Vb(m-k,j-k);m=j;b.e(w,function(b,c){var a=o<g?w[w.length-c-1]:b;a.H(m-y)});var r=g,q=m;g=h;D=d;a.Eb(r,q)}}}function E(a,b,d){b&&a.Ib(e);if(!d){f=c.min(f,a.Cc()+y);e=c.max(e,a.Gb()+y)}w.push(a)}var r=h.requestAnimationFrame||h.webkitRequestAnimationFrame||h.mozRequestAnimationFrame||h.msRequestAnimationFrame;if(b.Ce()&&b.mc()<7)r=j;r=r||function(a){b.kc(a,i.Ec)};function I(){if(q){var d=b.B(),e=c.min(d-A,i.zc),a=g+e*o;A=d;if(a*o>=n*o)a=n;t(a);if(!u&&a*o>=n*o)K(B);else r(I)}}function s(h,i,j){if(!q){q=d;u=j;B=i;h=c.max(h,f);h=c.min(h,e);n=h;o=n<g?-1:1;a.vc();A=b.B();r(I)}}function K(b){if(q){u=q=B=l;a.rc();b&&b()}}a.qc=function(a,b,c){s(a?g+a:e,b,c)};a.gc=s;a.Y=K;a.ue=function(a){s(a)};a.I=function(){return g};a.Yc=function(){return n};a.nb=function(){return m};a.H=t;a.cb=function(a){t(g+a)};a.Ic=function(){return q};a.ne=function(a){p=a};a.Ib=O;a.fc=function(a,b){E(a,0,b)};a.Yb=function(a){E(a,1)};a.Cc=function(){return f};a.Gb=function(){return e};a.Eb=a.vc=a.rc=a.Vb=b.Nc;a.Fb=b.B();i=b.jb({Ec:16,zc:50},i);p=i.Xc;x=i.ve;f=k=z;e=z+C;H=i.gd||{};F=i.pd||{};G=b.Dd(i.Z)};new(function(){});var i=function(p,fc){var g=this;function Bc(){var a=this;m.call(a,-1e8,2e8);a.ie=function(){var b=a.nb(),d=c.floor(b),f=t(d),e=b-c.floor(b);return{P:f,se:d,gb:e}};a.Eb=function(b,a){var e=c.floor(a);if(e!=a&&a>b)e++;Ub(e,d);g.f(i.ge,t(a),t(b),a,b)}}function Ac(){var a=this;m.call(a,0,0,{Xc:r});b.e(C,function(b){D&1&&b.ne(r);a.Yb(b);b.Ib(ib/bc)})}function zc(){var a=this,b=Tb.R;m.call(a,-1,2,{Z:e.Cd,ve:{gb:Zb},Xc:r},b,{gb:1},{gb:-2});a.Rb=b}function nc(o,n){var b=this,e,f,h,k,c;m.call(b,-1e8,2e8,{zc:100});b.vc=function(){M=d;S=j;g.f(i.Rd,t(w.I()),w.I())};b.rc=function(){M=l;k=l;var a=w.ie();g.f(i.Fd,t(w.I()),w.I());!a.gb&&Dc(a.se,s)};b.Eb=function(i,g){var b;if(k)b=c;else{b=f;if(h){var d=g/h;b=a.Hd(d)*(f-e)+e}}w.H(b)};b.Bb=function(a,d,c,g){e=a;f=d;h=c;w.H(a);b.H(0);b.gc(c,g)};b.Id=function(a){k=d;c=a;b.qc(a,j,d)};b.Jd=function(a){c=a};w=new Bc;w.fc(o);w.fc(n)}function pc(){var c=this,a=Xb();b.q(a,0);b.J(a,"pointerEvents","none");c.R=a;c.rb=function(){b.G(a);b.lc(a)}}function xc(o,f){var e=this,q,L,v,k,y=[],x,B,W,G,Q,F,h,w,p;m.call(e,-u,u+1,{});function E(a){q&&q.Qc();T(o,a,0);F=d;q=new I.X(o,I,b.ud(b.g(o,"idle"))||lc);q.H(0)}function Z(){q.Fb<I.Fb&&E()}function M(p,r,o){if(!G){G=d;if(k&&o){var h=o.width,c=o.height,n=h,m=c;if(h&&c&&a.lb){if(a.lb&3&&(!(a.lb&4)||h>K||c>J)){var j=l,q=K/J*c/h;if(a.lb&1)j=q>1;else if(a.lb&2)j=q<1;n=j?h*J/c:K;m=j?J:c*K/h}b.m(k,n);b.n(k,m);b.K(k,(J-m)/2);b.z(k,(K-n)/2)}b.v(k,"absolute");g.f(i.Kd,f)}}b.G(r);p&&p(e)}function Y(b,c,d,g){if(g==S&&s==f&&N)if(!Cc){var a=t(b);A.ze(a,f,c,e,d);c.Ld();U.Ib(a-U.Cc()-1);U.H(a);z.Bb(b,b,0)}}function cb(b){if(b==S&&s==f){if(!h){var a=j;if(A)if(A.P==f)a=A.De();else A.rb();Z();h=new vc(o,f,a,q);h.Pc(p)}!h.Ic()&&h.Hb()}}function R(d,g,l){if(d==f){if(d!=g)C[g]&&C[g].Md();else!l&&h&&h.Nd();p&&p.nc();var m=S=b.B();e.bb(b.W(j,cb,m))}else{var k=c.min(f,d),i=c.max(f,d),o=c.min(i-k,k+r-i),n=u+a.Od-1;(!Q||o<=n)&&e.bb()}}function db(){if(s==f&&h){h.Y();p&&p.Pd();p&&p.Qd();h.Oc()}}function eb(){s==f&&h&&h.Y()}function ab(a){!P&&g.f(i.Sd,f,a)}function O(){p=w.pInstance;h&&h.Pc(p)}e.bb=function(c,a){a=a||v;if(y.length&&!G){b.O(a);if(!W){W=d;g.f(i.fe,f);b.e(y,function(a){if(!b.s(a,"src")){a.src=b.g(a,"src2");b.F(a,a["display-origin"])}})}b.td(y,k,b.W(j,M,c,a))}else M(c,a)};e.Td=function(){var h=f;if(a.Mc<0)h-=r;var d=h+a.Mc*tc;if(D&2)d=t(d);if(!(D&1))d=c.max(0,c.min(d,r-u));if(d!=f){if(A){var e=A.xe(r);if(e){var i=S=b.B(),g=C[t(d)];return g.bb(b.W(j,Y,d,g,e,i),v)}}bb(d)}};e.ac=function(){R(f,f,d)};e.Md=function(){p&&p.Pd();p&&p.Qd();e.Lc();h&&h.Ud();h=j;E()};e.Ld=function(){b.G(o)};e.Lc=function(){b.O(o)};e.Vd=function(){p&&p.nc()};function T(a,c,e){if(b.s(a,"jssor-slider"))return;if(!F){if(a.tagName=="IMG"){y.push(a);if(!b.s(a,"src")){Q=d;a["display-origin"]=b.F(a);b.G(a)}}b.Bc()&&b.q(a,(b.q(a)||0)+1)}var f=b.yb(a);b.e(f,function(f){var h=f.tagName,i=b.g(f,"u");if(i=="player"&&!w){w=f;if(w.pInstance)O();else b.a(w,"dataavailable",O)}if(i=="caption"){if(c){b.xc(f,b.g(f,"to"));b.we(f,b.g(f,"bf"));b.g(f,"3d")&&b.re(f,"preserve-3d")}else if(!b.ad()){var g=b.fb(f,l,d);b.Zb(g,f,a);b.Uc(f,a);f=g;c=d}}else if(!F&&!e&&!k){if(h=="A"){if(b.g(f,"u")=="image")k=b.fd(f,"IMG");else k=b.r(f,"image",d);if(k){x=f;b.F(x,"block");b.E(x,V);B=b.fb(x,d);b.v(x,"relative");b.Qb(B,0);b.J(B,"backgroundColor","#000")}}else if(h=="IMG"&&b.g(f,"u")=="image")k=f;if(k){k.border=0;b.E(k,V)}}T(f,c,e+1)})}e.Vb=function(c,b){var a=u-b;Zb(L,a)};e.P=f;n.call(e);b.qe(o,b.g(o,"p"));b.pe(o,b.g(o,"po"));var H=b.r(o,"thumb",d);if(H){b.fb(H);b.G(H)}b.O(o);v=b.fb(fb);b.q(v,1e3);b.a(o,"click",ab);E(d);e.Ae=k;e.Rc=B;e.Rb=L=o;b.Q(L,v);g.db(203,R);g.db(28,eb);g.db(24,db)}function vc(y,f,p,q){var a=this,n=0,u=0,h,j,e,c,k,t,r,o=C[f];m.call(a,0,0);function v(){b.lc(L);cc&&k&&o.Rc&&b.Q(L,o.Rc);b.O(L,!k&&o.Ae)}function w(){a.Hb()}function x(b){r=b;a.Y();a.Hb()}a.Hb=function(){var b=a.nb();if(!B&&!M&&!r&&s==f){if(!b){if(h&&!k){k=d;a.Oc(d);g.f(i.Wd,f,n,u,h,c)}v()}var l,p=i.Kc;if(b!=c)if(b==e)l=c;else if(b==j)l=e;else if(!b)l=j;else l=a.Yc();g.f(p,f,b,n,j,e,c);var m=N&&(!E||F);if(b==c)(e!=c&&!(E&12)||m)&&o.Td();else(m||b!=e)&&a.gc(l,w)}};a.Nd=function(){e==c&&e==a.nb()&&a.H(j)};a.Ud=function(){A&&A.P==f&&A.rb();var b=a.nb();b<c&&g.f(i.Kc,f,-b-1,n,j,e,c)};a.Oc=function(a){p&&b.Ab(jb,a&&p.jc.He?"":"hidden")};a.Vb=function(b,a){if(k&&a>=h){k=l;v();o.Lc();A.rb();g.f(i.Xd,f,n,u,h,c)}g.f(i.Yd,f,a,n,j,e,c)};a.Pc=function(a){if(a&&!t){t=a;a.db($JssorPlayer$.ld,x)}};p&&a.Yb(p);h=a.Gb();a.Yb(q);j=h+q.bd;e=h+q.Wc;c=a.Gb()}function Kb(a,c,d){b.z(a,c);b.K(a,d)}function Zb(c,b){var a=x>0?x:eb,d=zb*b*(a&1),e=Ab*b*(a>>1&1);Kb(c,d,e)}function Pb(){pb=M;Ib=z.Yc();G=w.I()}function gc(){Pb();if(B||!F&&E&12){z.Y();g.f(i.Zd)}}function ec(f){if(!B&&(F||!(E&12))&&!z.Ic()){var d=w.I(),b=c.ceil(G);if(f&&c.abs(H)>=a.Zc){b=c.ceil(d);b+=hb}if(!(D&1))b=c.min(r-u,c.max(b,0));var e=c.abs(b-d);e=1-c.pow(1-e,5);if(!P&&pb)z.ue(Ib);else if(d==b){sb.Vd();sb.ac()}else z.Bb(d,b,e*Vb)}}function Hb(a){!b.g(b.Sb(a),"nodrag")&&b.xb(a)}function rc(a){Yb(a,1)}function Yb(a,c){a=b.hc(a);var k=b.Sb(a);if(!O&&!b.g(k,"nodrag")&&sc()&&(!c||a.touches.length==1)){B=d;yb=l;S=j;b.a(f,c?"touchmove":"mousemove",Bb);b.B();P=0;gc();if(!pb)x=0;if(c){var h=a.touches[0];ub=h.clientX;vb=h.clientY}else{var e=b.uc(a);ub=e.x;vb=e.y}H=0;gb=0;hb=0;g.f(i.ae,t(G),G,a)}}function Bb(e){if(B){e=b.hc(e);var f;if(e.type!="mousemove"){var l=e.touches[0];f={x:l.clientX,y:l.clientY}}else f=b.uc(e);if(f){var j=f.x-ub,k=f.y-vb;if(c.floor(G)!=G)x=x||eb&O;if((j||k)&&!x){if(O==3)if(c.abs(k)>c.abs(j))x=2;else x=1;else x=O;if(mb&&x==1&&c.abs(k)-c.abs(j)>3)yb=d}if(x){var a=k,i=Ab;if(x==1){a=j;i=zb}if(!(D&1)){if(a>0){var g=i*s,h=a-g;if(h>0)a=g+c.sqrt(h)*5}if(a<0){var g=i*(r-u-s),h=-a-g;if(h>0)a=-g-c.sqrt(h)*5}}if(H-gb<-2)hb=0;else if(H-gb>2)hb=-1;gb=H;H=a;rb=G-H/i/(Y||1);if(H&&x&&!yb){b.xb(e);if(!M)z.Id(rb);else z.Jd(rb)}}}}}function ab(){qc();if(B){B=l;b.B();b.u(f,"mousemove",Bb);b.u(f,"touchmove",Bb);P=H;z.Y();var a=w.I();g.f(i.be,t(a),a,t(G),G);E&12&&Pb();ec(d)}}function jc(c){if(P){b.le(c);var a=b.Sb(c);while(a&&v!==a){a.tagName=="A"&&b.xb(c);try{a=a.parentNode}catch(d){break}}}}function Jb(a){C[s];s=t(a);sb=C[s];Ub(a);return s}function Dc(a,b){x=0;Jb(a);g.f(i.ce,t(a),b)}function Ub(a,c){wb=a;b.e(T,function(b){b.bc(t(a),a,c)})}function sc(){var b=i.Jc||0,a=X;if(mb)a&1&&(a&=1);i.Jc|=a;return O=a&~b}function qc(){if(O){i.Jc&=~X;O=0}}function Xb(){var a=b.Cb();b.E(a,V);b.v(a,"absolute");return a}function t(a){return(a%r+r)%r}function kc(b,d){if(d)if(!D){b=c.min(c.max(b+wb,0),r-u);d=l}else if(D&2){b=t(b+wb);d=l}bb(b,a.Kb,d)}function xb(){b.e(T,function(a){a.Ob(a.Db.Ie<=F)})}function hc(){if(!F){F=1;xb();if(!B){E&12&&ec();E&3&&C[s].ac()}}}function Ec(){if(F){F=0;xb();B||!(E&12)||gc()}}function ic(){V={ob:K,qb:J,i:0,j:0};b.e(Q,function(a){b.E(a,V);b.v(a,"absolute");b.Ab(a,"hidden");b.G(a)});b.E(fb,V)}function ob(b,a){bb(b,a,d)}function bb(g,f,j){if(Rb&&(!B&&(F||!(E&12))||a.Vc)){M=d;B=l;z.Y();if(f==k)f=Vb;var e=Cb.nb(),b=g;if(j){b=e+g;if(g>0)b=c.ceil(b);else b=c.floor(b)}if(D&2)b=t(b);if(!(D&1))b=c.max(0,c.min(b,r-u));var i=(b-e)%r;b=e+i;var h=e==b?0:f*c.abs(i);h=c.min(h,f*u*1.5);z.Bb(e,b,h||1)}}g.qc=function(){if(!N){N=d;C[s]&&C[s].ac()}};function W(){return b.m(y||p)}function lb(){return b.n(y||p)}g.T=W;g.U=lb;function Eb(c,d){if(c==k)return b.m(p);if(!y){var a=b.Cb(f);b.Gc(a,b.Gc(p));b.Wb(a,b.Wb(p));b.F(a,"block");b.v(a,"relative");b.K(a,0);b.z(a,0);b.Ab(a,"visible");y=b.Cb(f);b.v(y,"absolute");b.K(y,0);b.z(y,0);b.m(y,b.m(p));b.n(y,b.n(p));b.xc(y,"0 0");b.Q(y,a);var h=b.yb(p);b.Q(p,y);b.J(p,"backgroundImage","");b.e(h,function(c){b.Q(b.g(c,"noscale")?p:a,c);b.g(c,"autocenter")&&Mb.push(c)})}Y=c/(d?b.n:b.m)(y);b.oe(y,Y);var g=d?Y*W():c,e=d?c:Y*lb();b.m(p,g);b.n(p,e);b.e(Mb,function(a){var c=b.od(b.g(a,"autocenter"));b.id(a,c)})}g.ee=Eb;n.call(g);g.R=p=b.sb(p);var a=b.jb({lb:0,Od:1,Lb:1,Ub:0,Jb:l,tb:1,eb:d,Vc:d,Mc:1,ec:3e3,tc:1,Kb:500,Hd:e.ed,Zc:20,Dc:0,hb:1,Ac:0,te:1,wb:1,cc:1},fc);a.eb=a.eb&&b.ye();if(a.ke!=k)a.ec=a.ke;if(a.jd!=k)a.Ac=a.jd;var eb=a.wb&3,tc=(a.wb&4)/-4||1,kb=a.Je,I=b.jb({X:q,eb:a.eb},a.Oe);I.Tb=I.Tb||I.Ne;var Fb=a.Me,Z=a.yd,db=a.Le,R=!a.te,y,v=b.r(p,"slides",R),fb=b.r(p,"loading",R)||b.Cb(f),Nb=b.r(p,"navigator",R),dc=b.r(p,"arrowleft",R),ac=b.r(p,"arrowright",R),Lb=b.r(p,"thumbnavigator",R),oc=b.m(v),mc=b.n(v),V,Q=[],uc=b.yb(v);b.e(uc,function(a){if(a.tagName=="DIV"&&!b.g(a,"u"))Q.push(a);else b.Bc()&&b.q(a,(b.q(a)||0)+1)});var s=-1,wb,sb,r=Q.length,K=a.zd||oc,J=a.Ad||mc,Wb=a.Dc,zb=K+Wb,Ab=J+Wb,bc=eb&1?zb:Ab,u=c.min(a.hb,r),jb,x,O,yb,T=[],Qb,Sb,Ob,cc,Cc,N,E=a.tc,lc=a.ec,Vb=a.Kb,qb,tb,ib,Rb=u<r,D=Rb?a.tb:0,X,P,F=1,M,B,S,ub=0,vb=0,H,gb,hb,Cb,w,U,z,Tb=new pc,Y,Mb=[];if(a.eb)Kb=function(a,c,d){b.zb(a,{N:c,L:d})};N=a.Jb;g.Db=fc;ic();b.s(p,"jssor-slider",d);b.q(v,b.q(v)||0);b.v(v,"absolute");jb=b.fb(v,d);b.Zb(jb,v);if(kb){cc=kb.Ke;qb=kb.X;tb=u==1&&r>1&&qb&&(!b.ad()||b.mc()>=8)}ib=tb||u>=r||!(D&1)?0:a.Ac;X=(u>1||ib?eb:-1)&a.cc;var Gb=v,C=[],A,L,Db=b.Ge(),mb=Db.Ee,G,pb,Ib,rb;Db.cd&&b.J(Gb,Db.cd,([j,"pan-y","pan-x","none"])[X]||"");U=new zc;if(tb)A=new qb(Tb,K,J,kb,mb);b.Q(jb,U.Rb);b.Ab(v,"hidden");L=Xb();b.J(L,"backgroundColor","#000");b.Qb(L,0);b.Zb(L,Gb.firstChild,Gb);for(var cb=0;cb<Q.length;cb++){var wc=Q[cb],yc=new xc(wc,cb);C.push(yc)}b.G(fb);Cb=new Ac;z=new nc(Cb,U);if(X){b.a(v,"mousedown",Yb);b.a(v,"touchstart",rc);b.a(v,"dragstart",Hb);b.a(v,"selectstart",Hb);b.a(f,"mouseup",ab);b.a(f,"touchend",ab);b.a(f,"touchcancel",ab);b.a(h,"blur",ab)}E&=mb?10:5;if(Nb&&Fb){Qb=new Fb.X(Nb,Fb,W(),lb());T.push(Qb)}if(Z&&dc&&ac){Z.tb=D;Z.hb=u;Sb=new Z.X(dc,ac,Z,W(),lb());T.push(Sb)}if(Lb&&db){db.Ub=a.Ub;Ob=new db.X(Lb,db);T.push(Ob)}b.e(T,function(a){a.Xb(r,C,fb);a.db(o.Tc,kc)});b.J(p,"visibility","visible");Eb(W());b.a(v,"click",jc);b.a(p,"mouseout",b.sc(hc,p));b.a(p,"mouseover",b.sc(Ec,p));xb();a.Lb&&b.a(f,"keydown",function(b){if(b.keyCode==37)ob(-a.Lb);else b.keyCode==39&&ob(a.Lb)});var nb=a.Ub;if(!(D&1))nb=c.max(0,c.min(nb,r-u));z.Bb(nb,nb,0)};i.Sd=21;i.ae=22;i.be=23;i.Rd=24;i.Fd=25;i.fe=26;i.Kd=27;i.Zd=28;i.ge=202;i.ce=203;i.Wd=206;i.Xd=207;i.Yd=208;i.Kc=209;var o={Tc:1};var r=function(a,g,h){var c=this;n.call(c);var r,q,e,f,i;b.m(a);b.n(a);function k(a){c.f(o.Tc,a,d)}function p(c){b.O(a,c||!h.tb&&e==0);b.O(g,c||!h.tb&&e>=q-h.hb);r=c}c.bc=function(b,a,c){if(c)e=a;else{e=b;p(r)}};c.Ob=p;var m;c.Xb=function(c){q=c;e=0;if(!m){b.a(a,"click",b.W(j,k,-i));b.a(g,"click",b.W(j,k,i));b.Hc(a);b.Hc(g);m=d}};c.Db=f=b.jb({je:1},h);i=f.je;if(f.ic==l){b.s(a,"noscale",d);b.s(g,"noscale",d)}if(f.Mb){b.s(a,"autocenter",f.Mb);b.s(g,"autocenter",f.Mb)}};function q(e,d,c){var a=this;m.call(a,0,c);a.Qc=b.Nc;a.bd=0;a.Wc=c}jssor_1_slider_init=function(){var f={Jb:d,cc:2,wb:2,yd:{X:r}},e=new i("jssor_1",f);function a(){var b=e.R.parentNode.clientWidth;if(b){b=c.min(b,600);e.ee(b)}else h.setTimeout(a,30)}a();b.a(h,"load",a);b.a(h,"resize",a);b.a(h,"orientationchange",a)}})(window,document,Math,null,true,false)
     
    </script>
     
    <style>
     
    .jssora08l,.jssora08r{display:block;position:absolute;width:50px;height:50px;cursor:pointer;background:url('img/a08.png') no-repeat;overflow:hidden;opacity:.4;filter:alpha(opacity=40)}.jssora08l{background-position:-5px -35px}.jssora08r{background-position:-65px -35px}.jssora08l:hover{background-position:-5px -35px;opacity:.8;filter:alpha(opacity=80)}.jssora08r:hover{background-position:-65px -35px;opacity:.8;filter:alpha(opacity=80)}.jssora08l.jssora08ldn{background-position:-5px -35px;opacity:.3;filter:alpha(opacity=30)}.jssora08r.jssora08rdn{background-position:-65px -35px;opacity:.3;filter:alpha(opacity=30)}
     
    </style>
     
     
    <div id="jssor_1" style="position: relative; margin: 0 auto; top: 0px; left: 0px; width: 980px; height: 560px; overflow: hidden; visibility: hidden;">
    <div data-u="loading" style="position: absolute; top: 0px; left: 0px;">
    <div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;"></div>
    <div style="position:absolute;display:block;background:url('img/loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;"></div>
    </div>
    <div data-u="slides" style="cursor: default; position: relative; top: 50px; left: 0px; width: 980px; height: 500px; overflow: hidden;">
    <div data-p="112.50" style="display: none;">
    <img data-u="image" src="mini_img/pro_mult_1.jpg" border="0" width="860" height="480" alt="">
    </div>
    <div data-p="112.50" style="display: none;">
    <img data-u="image" src="mini_img/pro_mult_2.jpg" border="0" width="860" height="480" alt="">
    </div>
    <div data-p="112.50" style="display: none;">
    <img data-u="image" src="mini_img/pro_mult_3.jpg" border="0" width="860" height="480" alt="">
    </div>
    <div data-p="112.50" style="display: none;">
    <img data-u="image" src="mini_img/pro_mult_4.jpg" border="0" width="860" height="480" alt="">
    </div>
    <div data-p="112.50" style="display: none;">
    <img data-u="image" src="mini_img/pro_mult_5.jpg" border="0" width="860" height="480" alt="">
    </div>
    <div data-p="112.50" style="display: none;">
    <img data-u="image" src="mini_img/pro_mult_6.jpg" border="0" width="860" height="480" alt="">
    </div>
    <div data-p="112.50" style="display: none;">
    <img data-u="image" src="mini_img/pro_mult_7.jpg" border="0" width="860" height="480" alt="">
    </div>
    <div data-p="112.50" style="display: none;">
    <img data-u="image" src="mini_img/pro_mult_8.jpg" border="0" width="860" height="480" alt="">
    </div>
    <div data-p="112.50" style="display: none;">
    <img data-u="image" src="mini_img/pro_mult_9.jpg" border="0" width="860" height="480" alt="">
    </div> 
    <div data-p="112.50" style="display: none;">
    <img data-u="image" src="mini_img/pro_mult_10.jpg" border="0" width="860" height="480" alt="">
    </div>
    </div>
     
    <div id="controles">
    	<table width=225 height=75 border=0 align=center cellspacing=5 summary="">
    	<tr>
    		<td><img src="bouton_first.jpg" border="0" width="73" height="73" alt=""></td>
    		<td><img src="bouton_back.jpg" border="0" width="73" height="73" alt=""></td>
    		<td><img src="bouton_go.jpg" border="0" width="73" height="73" alt=""></td>
     
    	</tr>
    	</table>
    </div>
    </div>	 <!-- suppr le slash-->
    <!-- Arrow Navigator -->
    <!--<span data-u="arrowleft" class="jssora08l" style="top:8px;left:8px;width:50px;height:50px;" data-autocenter="1"></span>
    <span data-u="arrowright" class="jssora08r" style="bottom:8px;right:8px;width:50px;height:50px;" data-autocenter="1"></span>
    <a href="http://www.jssor.com" style="display:none">Slideshow Maker</a>
    </div> --> 
    <script>
    jssor_1_slider_init();
    </script>
    <div id="controles">
    	<table width=225 height=75 border=0 align=center cellspacing=5 summary="">
    	<tr>
    		<td><img src="boutons/bouton_first.jpg" border="0" width="73" height="73" alt=""></td>
    		<td><img src="boutons/bouton_back.jpg" border="0" width="73" height="73" alt=""></td>
    		<td><img src="boutons/bouton_go.jpg" border="0" width="73" height="73" alt=""></td>
     
    	</tr>
    	</table>
    </div>
    <!-- #endregion Jssor Slider End -->
    </body>
    </html>
    Nom : pro_mult_1.jpg
Affichages : 835
Taille : 12,4 Ko
    Nom : pro_mult_2.jpg
Affichages : 815
Taille : 13,0 KoNom : pro_mult_3.jpg
Affichages : 840
Taille : 13,6 Ko
    Nom : pro_mult_4.jpg
Affichages : 823
Taille : 12,1 KoNom : pro_mult_5.jpg
Affichages : 826
Taille : 12,8 Ko

  2. #2
    Membre éclairé Avatar de touche_a_tout
    Profil pro
    Inscrit en
    Août 2006
    Messages
    544
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Août 2006
    Messages : 544
    Par défaut HTML: aucun écho
    Bonjour,
    74 Personnes ont vu ma question du 23 février et aucune n'y a répondu. Qu'est-ce qu'elle a, ma question ? Trop basique ?
    Merci tout de même
    Cordialement
    Pierre

  3. #3
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Bonjour,
    cela peut être dû à Pourquoi personne ne répond ? ou encore...

    Mais qu'as tu essayé, un width:100% sans fixer de height, peut être ?

  4. #4
    Membre éclairé Avatar de touche_a_tout
    Profil pro
    Inscrit en
    Août 2006
    Messages
    544
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Août 2006
    Messages : 544
    Par défaut
    Bonjour et merci NoSmoking
    (merveilleux films Arditi-Azéma)
    J'ai lu les raisons probables. Dans le doute, je vais reformuler.
    Cela dit j'ai essayé width:100% height:220px et c'est la hauteur qui explose; en revanche la largeur ne bouge pas. J'avais d'ailleurs déjà testé plusieurs solutions, en vain.
    On va voir si la pêche est meilleure avec un autre appât.
    Belle journée
    Cordialement
    Pierre

  5. #5
    Membre éclairé Avatar de touche_a_tout
    Profil pro
    Inscrit en
    Août 2006
    Messages
    544
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Août 2006
    Messages : 544
    Par défaut question mieux formulée
    Bonjour,
    J'ai un diaporama qui tourne mais j'aimerais que les images occupent toute la largeur de l'écran. J'ai essayé toutes sortes de combinaisons de width et de height en px et/ou en % mais rien ne change (ou alors j'ai une image 10 fois plus haute que large mais qui ne touche pas les côtés de l'écran).
    Je joins code et images. Merci pour toute suggestions.
    Cordialement
    Pierre
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title></title>
    </head>
    <body style="padding:0px; margin:0px; background-color:#fff;font-family:Arial, sans-serif">
     
    <!-- #region Jssor Slider Begin -->
     
    <!-- Generated by Jssor Slider Maker Online. -->
    <!-- This is deep minimized demo, it works alone, it doesn't depend on any javascript library. -->
     
    <script>
     
    (function(h,f,c,j,d,l,k){/*! Jssor */
    new(function(){});var e={sd:function(a){return-c.cos(a*c.PI)/2+.5},Cd:function(a){return a},ed:function(a){return-a*(a-2)}};var b=new function(){var g=this,Bb=/\S+/g,G=1,db=2,hb=3,gb=4,lb=5,H,r=0,i=0,s=0,W=0,z=0,J=navigator,pb=J.appName,o=J.userAgent,p=parseFloat;function zb(){if(!H){H={Ee:"ontouchstart"in h||"createTouch"in f};var a;if(J.pointerEnabled||(a=J.msPointerEnabled))H.cd=a?"msTouchAction":"touchAction"}return H}function v(j){if(!r){r=-1;if(pb=="Microsoft Internet Explorer"&&!!h.attachEvent&&!!h.ActiveXObject){var e=o.indexOf("MSIE");r=G;s=p(o.substring(e+5,o.indexOf(";",e)));/*@cc_on W=@_jscript_version@*/;i=f.documentMode||s}else if(pb=="Netscape"&&!!h.addEventListener){var d=o.indexOf("Firefox"),b=o.indexOf("Safari"),g=o.indexOf("Chrome"),c=o.indexOf("AppleWebKit");if(d>=0){r=db;i=p(o.substring(d+8))}else if(b>=0){var k=o.substring(0,b).lastIndexOf("/");r=g>=0?gb:hb;i=p(o.substring(k+1,b))}else{var a=/Trident\/.*rv:([0-9]{1,}[\.0-9]{0,})/i.exec(o);if(a){r=G;i=s=p(a[1])}}if(c>=0)z=p(o.substring(c+12))}else{var a=/(opera)(?:.*version|)[ \/]([\w.]+)/i.exec(o);if(a){r=lb;i=p(a[2])}}}return j==r}function q(){return v(G)}function R(){return q()&&(i<6||f.compatMode=="BackCompat")}function fb(){return v(hb)}function kb(){return v(lb)}function wb(){return fb()&&z>534&&z<535}function K(){v();return z>537||i>42||r==G&&i>=11}function P(){return q()&&i<9}function xb(a){var b,c;return function(f){if(!b){b=d;var e=a.substr(0,1).toUpperCase()+a.substr(1);n([a].concat(["WebKit","ms","Moz","O","webkit"]),function(g,d){var b=a;if(d)b=g+e;if(f.style[b]!=k)return c=b})}return c}}function vb(b){var a;return function(c){a=a||xb(b)(c)||b;return a}}var L=vb("transform");function ob(a){return{}.toString.call(a)}var F;function Hb(){if(!F){F={};n(["Boolean","Number","String","Function","Array","Date","RegExp","Object"],function(a){F["[object "+a+"]"]=a.toLowerCase()})}return F}function n(b,d){var a,c;if(ob(b)=="[object Array]"){for(a=0;a<b.length;a++)if(c=d(b[a],a,b))return c}else for(a in b)if(c=d(b[a],a,b))return c}function C(a){return a==j?String(a):Hb()[ob(a)]||"object"}function mb(a){for(var b in a)return d}function A(a){try{return C(a)=="object"&&!a.nodeType&&a!=a.window&&(!a.constructor||{}.hasOwnProperty.call(a.constructor.prototype,"isPrototypeOf"))}catch(b){}}function u(a,b){return{x:a,y:b}}function sb(b,a){setTimeout(b,a||0)}function I(b,d,c){var a=!b||b=="inherit"?"":b;n(d,function(c){var b=c.exec(a);if(b){var d=a.substr(0,b.index),e=a.substr(b.index+b[0].length+1,a.length-1);a=d+e}});a=c+(!a.indexOf(" ")?"":" ")+a;return a}function ub(b,a){if(i<9)b.style.filter=a}g.Ge=zb;g.ad=q;g.Ce=fb;g.ye=K;g.Bc=P;xb("transform");g.mc=function(){return i};g.kc=sb;function Z(a){a.constructor===Z.caller&&a.pc&&a.pc.apply(a,Z.caller.arguments)}g.pc=Z;g.sb=function(a){if(g.Fe(a))a=f.getElementById(a);return a};function t(a){return a||h.event}g.hc=t;g.Sb=function(b){b=t(b);var a=b.target||b.srcElement||f;if(a.nodeType==3)a=g.Fc(a);return a};g.uc=function(a){a=t(a);return{x:a.pageX||a.clientX||0,y:a.pageY||a.clientY||0}};function D(c,d,a){if(a!==k)c.style[d]=a==k?"":a;else{var b=c.currentStyle||c.style;a=b[d];if(a==""&&h.getComputedStyle){b=c.ownerDocument.defaultView.getComputedStyle(c,j);b&&(a=b.getPropertyValue(d)||b[d])}return a}}function bb(b,c,a,d){if(a!==k){if(a==j)a="";else d&&(a+="px");D(b,c,a)}else return p(D(b,c))}function m(c,a){var d=a?bb:D,b;if(a&4)b=vb(c);return function(e,f){return d(e,b?b(e):c,f,a&2)}}function Eb(b){if(q()&&s<9){var a=/opacity=([^)]*)/.exec(b.style.filter||"");return a?p(a[1])/100:1}else return p(b.style.opacity||"1")}function Gb(b,a,f){if(q()&&s<9){var h=b.style.filter||"",i=new RegExp(/[\s]*alpha\([^\)]*\)/g),e=c.round(100*a),d="";if(e<100||f)d="alpha(opacity="+e+") ";var g=I(h,[i],d);ub(b,g)}else b.style.opacity=a==1?"":c.round(a*100)/100}var M={M:["rotate"],D:["rotateX"],C:["rotateY"],ub:["skewX"],vb:["skewY"]};if(!K())M=B(M,{k:["scaleX",2],l:["scaleY",2],A:["translateZ",1]});function N(d,a){var c="";if(a){if(q()&&i&&i<10){delete a.D;delete a.C;delete a.A}b.e(a,function(d,b){var a=M[b];if(a){var e=a[1]||0;if(O[b]!=d)c+=" "+a[0]+"("+d+(["deg","px",""])[e]+")"}});if(K()){if(a.N||a.L||a.A)c+=" translate3d("+(a.N||0)+"px,"+(a.L||0)+"px,"+(a.A||0)+"px)";if(a.k==k)a.k=1;if(a.l==k)a.l=1;if(a.k!=1||a.l!=1)c+=" scale3d("+a.k+", "+a.l+", 1)"}}d.style[L(d)]=c}g.xc=m("transformOrigin",4);g.we=m("backfaceVisibility",4);g.re=m("transformStyle",4);g.qe=m("perspective",6);g.pe=m("perspectiveOrigin",4);g.oe=function(a,b){if(q()&&s<9||s<10&&R())a.style.zoom=b==1?"":b;else{var c=L(a),f="scale("+b+")",e=a.style[c],g=new RegExp(/[\s]*scale\(.*?\)/g),d=I(e,[g],f);a.style[c]=d}};g.sc=function(b,a){return function(c){c=t(c);var e=c.type,d=c.relatedTarget||(e=="mouseout"?c.toElement:c.fromElement);(!d||d!==a&&!g.me(a,d))&&b(c)}};g.a=function(a,d,b,c){a=g.sb(a);if(a.addEventListener){d=="mousewheel"&&a.addEventListener("DOMMouseScroll",b,c);a.addEventListener(d,b,c)}else if(a.attachEvent){a.attachEvent("on"+d,b);c&&a.setCapture&&a.setCapture()}};g.u=function(a,c,d,b){a=g.sb(a);if(a.removeEventListener){c=="mousewheel"&&a.removeEventListener("DOMMouseScroll",d,b);a.removeEventListener(c,d,b)}else if(a.detachEvent){a.detachEvent("on"+c,d);b&&a.releaseCapture&&a.releaseCapture()}};g.xb=function(a){a=t(a);a.preventDefault&&a.preventDefault();a.cancel=d;a.returnValue=l};g.le=function(a){a=t(a);a.stopPropagation&&a.stopPropagation();a.cancelBubble=d};g.W=function(d,c){var a=[].slice.call(arguments,2),b=function(){var b=a.concat([].slice.call(arguments,0));return c.apply(d,b)};return b};g.yb=function(d,c){for(var b=[],a=d.firstChild;a;a=a.nextSibling)(c||a.nodeType==1)&&b.push(a);return b};function nb(a,c,e,b){b=b||"u";for(a=a?a.firstChild:j;a;a=a.nextSibling)if(a.nodeType==1){if(V(a,b)==c)return a;if(!e){var d=nb(a,c,e,b);if(d)return d}}}g.r=nb;function ib(a,c,d){for(a=a?a.firstChild:j;a;a=a.nextSibling)if(a.nodeType==1){if(a.tagName==c)return a;if(!d){var b=ib(a,c,d);if(b)return b}}}g.fd=ib;function B(){var e=arguments,d,c,b,a,g=1&e[0],f=1+g;d=e[f-1]||{};for(;f<e.length;f++)if(c=e[f])for(b in c){a=c[b];if(a!==k){a=c[b];var h=d[b];d[b]=g&&(A(h)||A(a))?B(g,{},h,a):a}}return d}g.jb=B;function ab(f,g){var d={},c,a,b;for(c in f){a=f[c];b=g[c];if(a!==b){var e;if(A(a)&&A(b)){a=ab(a,b);e=!mb(a)}!e&&(d[c]=a)}}return d}g.wc=function(a){return C(a)=="function"};g.Fe=function(a){return C(a)=="string"};g.Bd=function(a){return!isNaN(p(a))&&isFinite(a)};g.e=n;function S(a){return f.createElement(a)}g.Cb=function(){return S("DIV")};g.Nc=function(){};function X(b,c,a){if(a==k)return b.getAttribute(c);b.setAttribute(c,a)}function V(a,b){return X(a,b)||X(a,"data-"+b)}g.s=X;g.g=V;function x(b,a){if(a==k)return b.className;b.className=a}g.Gc=x;function rb(b){var a={};n(b,function(b){a[b]=b});return a}function tb(b,a){return b.match(a||Bb)}function Q(b,a){return rb(tb(b||"",a))}g.qd=tb;function cb(b,c){var a="";n(c,function(c){a&&(a+=b);a+=c});return a}function E(a,c,b){x(a,cb(" ",B(ab(Q(x(a)),Q(c)),Q(b))))}g.Fc=function(a){return a.parentNode};g.G=function(a){g.F(a,"none")};g.O=function(a,b){g.F(a,b?"none":"")};g.vd=function(b,a){b.removeAttribute(a)};g.wd=function(){return q()&&i<10};g.xd=function(d,a){if(a)d.style.clip="rect("+c.round(a.i)+"px "+c.round(a.p)+"px "+c.round(a.o)+"px "+c.round(a.j)+"px)";else{var g=d.style.cssText,f=[new RegExp(/[\s]*clip: rect\(.*?\)[;]?/i),new RegExp(/[\s]*cliptop: .*?[;]?/i),new RegExp(/[\s]*clipright: .*?[;]?/i),new RegExp(/[\s]*clipbottom: .*?[;]?/i),new RegExp(/[\s]*clipleft: .*?[;]?/i)],e=I(g,f,"");b.Wb(d,e)}};g.B=function(){return+new Date};g.Q=function(b,a){b.appendChild(a)};g.Zb=function(b,a,c){(c||a.parentNode).insertBefore(b,a)};g.Uc=function(b,a){a=a||b.parentNode;a&&a.removeChild(b)};g.hd=function(a,b){n(a,function(a){g.Uc(a,b)})};g.lc=function(a){g.hd(g.yb(a,d),a)};g.id=function(a,b){var c=g.Fc(a);b&1&&g.z(a,(g.m(c)-g.m(a))/2);b&2&&g.K(a,(g.n(c)-g.n(a))/2)};g.od=function(b,a){return parseInt(b,a||10)};g.ud=p;g.me=function(b,a){var c=f.body;while(a&&b!==a&&c!==a)try{a=a.parentNode}catch(d){return l}return b===a};function Y(d,c,b){var a=d.cloneNode(!c);!b&&g.vd(a,"id");return a}g.fb=Y;g.bb=function(e,f){var a=new Image;function b(e,d){g.u(a,"load",b);g.u(a,"abort",c);g.u(a,"error",c);f&&f(a,d)}function c(a){b(a,d)}if(kb()&&i<11.6||!e)b(!e);else{g.a(a,"load",b);g.a(a,"abort",c);g.a(a,"error",c);a.src=e}};g.td=function(d,a,e){var c=d.length+1;function b(b){c--;if(a&&b&&b.src==a.src)a=b;!c&&e&&e(a)}n(d,function(a){g.bb(a.src,b)});b()};function Ib(a){var l=this,p="",r=["av","pv","ds","dn"],e=[],q,j=0,h=0,d=0;function i(){E(a,q,e[d||j||h&2||h]);b.J(a,"pointer-events",d?"none":"")}function c(){j=0;i();g.u(f,"mouseup",c);g.u(f,"touchend",c);g.u(f,"touchcancel",c)}function o(a){if(d)g.xb(a);else{j=4;i();g.a(f,"mouseup",c);g.a(f,"touchend",c);g.a(f,"touchcancel",c)}}l.nc=function(a){if(a===k)return!d;d=a?0:3;i()};l.R=a=g.sb(a);var m=b.qd(x(a));if(m)p=m.shift();n(r,function(a){e.push(p+a)});q=cb(" ",e);e.unshift("");g.a(a,"mousedown",o);g.a(a,"touchstart",o)}g.Hc=function(a){return new Ib(a)};g.J=D;g.Ab=m("overflow");g.K=m("top",2);g.z=m("left",2);g.m=m("width",2);g.n=m("height",2);g.md=m("marginLeft",2);g.he=m("marginTop",2);g.v=m("position");g.F=m("display");g.q=m("zIndex",1);g.Qb=function(b,a,c){if(a!=k)Gb(b,a,c);else return Eb(b)};g.Wb=function(a,b){if(b!=k)a.style.cssText=b;else return a.style.cssText};var U={kb:g.Qb,i:g.K,j:g.z,ob:g.m,qb:g.n,gb:g.v,Qe:g.F,ab:g.q};function w(f,l){var e=P(),b=K(),d=wb(),h=L(f);function i(b,d,a){var e=b.S(u(-d/2,-a/2)),f=b.S(u(d/2,-a/2)),g=b.S(u(d/2,a/2)),h=b.S(u(-d/2,a/2));b.S(u(300,300));return u(c.min(e.x,f.x,g.x,h.x)+d/2,c.min(e.y,f.y,g.y,h.y)+a/2)}function a(d,a){a=a||{};var f=a.A||0,l=(a.D||0)%360,m=(a.C||0)%360,o=(a.M||0)%360,p=a.Pe;if(e){f=0;l=0;m=0;p=0}var c=new Db(a.N,a.L,f);c.D(l);c.C(m);c.nd(o);c.rd(a.ub,a.vb);c.ic(a.k,a.l,p);if(b){c.cb(a.mb,a.ib);d.style[h]=c.kd()}else if(!W||W<9){var j="";if(o||a.k!=k&&a.k!=1||a.l!=k&&a.l!=1){var n=i(c,a.T,a.U);g.he(d,n.y);g.md(d,n.x);j=c.dd()}var r=d.style.filter,s=new RegExp(/[\s]*progid:DXImageTransform\.Microsoft\.Matrix\([^\)]*\)/g),q=I(r,[s],j);ub(d,q)}}w=function(e,c){c=c||{};var h=c.mb,i=c.ib,f;n(U,function(a,b){f=c[b];f!==k&&a(e,f)});g.xd(e,c.c);if(!b){h!=k&&g.z(e,c.Sc+h);i!=k&&g.K(e,c.oc+i)}if(c.Ed)if(d)sb(g.W(j,N,e,c));else a(e,c)};g.zb=N;if(d)g.zb=w;if(e)g.zb=a;else if(!b)a=N;g.E=w;w(f,l)}g.zb=w;g.E=w;function Db(i,l,p){var d=this,b=[1,0,0,0,0,1,0,0,0,0,1,0,i||0,l||0,p||0,1],h=c.sin,g=c.cos,m=c.tan;function f(a){return a*c.PI/180}function o(a,b){return{x:a,y:b}}function n(c,e,l,m,o,r,t,u,w,z,A,C,E,b,f,k,a,g,i,n,p,q,s,v,x,y,B,D,F,d,h,j){return[c*a+e*p+l*x+m*F,c*g+e*q+l*y+m*d,c*i+e*s+l*B+m*h,c*n+e*v+l*D+m*j,o*a+r*p+t*x+u*F,o*g+r*q+t*y+u*d,o*i+r*s+t*B+u*h,o*n+r*v+t*D+u*j,w*a+z*p+A*x+C*F,w*g+z*q+A*y+C*d,w*i+z*s+A*B+C*h,w*n+z*v+A*D+C*j,E*a+b*p+f*x+k*F,E*g+b*q+f*y+k*d,E*i+b*s+f*B+k*h,E*n+b*v+f*D+k*j]}function e(c,a){return n.apply(j,(a||b).concat(c))}d.ic=function(a,c,d){if(a==k)a=1;if(c==k)c=1;if(d==k)d=1;if(a!=1||c!=1||d!=1)b=e([a,0,0,0,0,c,0,0,0,0,d,0,0,0,0,1])};d.cb=function(a,c,d){b[12]+=a||0;b[13]+=c||0;b[14]+=d||0};d.D=function(c){if(c){a=f(c);var d=g(a),i=h(a);b=e([1,0,0,0,0,d,i,0,0,-i,d,0,0,0,0,1])}};d.C=function(c){if(c){a=f(c);var d=g(a),i=h(a);b=e([d,0,-i,0,0,1,0,0,i,0,d,0,0,0,0,1])}};d.nd=function(c){if(c){a=f(c);var d=g(a),i=h(a);b=e([d,i,0,0,-i,d,0,0,0,0,1,0,0,0,0,1])}};d.rd=function(a,c){if(a||c){i=f(a);l=f(c);b=e([1,m(l),0,0,m(i),1,0,0,0,0,1,0,0,0,0,1])}};d.S=function(c){var a=e(b,[1,0,0,0,0,1,0,0,0,0,1,0,c.x,c.y,0,1]);return o(a[12],a[13])};d.kd=function(){return"matrix3d("+b.join(",")+")"};d.dd=function(){return"progid:DXImageTransform.Microsoft.Matrix(M11="+b[0]+", M12="+b[4]+", M21="+b[1]+", M22="+b[5]+", SizingMethod='auto expand')"}}new function(){var a=this;function b(d,g){for(var j=d[0].length,i=d.length,h=g[0].length,f=[],c=0;c<i;c++)for(var k=f[c]=[],b=0;b<h;b++){for(var e=0,a=0;a<j;a++)e+=d[c][a]*g[a][b];k[b]=e}return f}a.k=function(b,c){return a.yc(b,c,0)};a.l=function(b,c){return a.yc(b,0,c)};a.yc=function(a,c,d){return b(a,[[c,0],[0,d]])};a.S=function(d,c){var a=b(d,[[c.x],[c.y]]);return u(a[0][0],a[1][0])}};var O={Sc:0,oc:0,mb:0,ib:0,V:1,k:1,l:1,M:0,D:0,C:0,N:0,L:0,A:0,ub:0,vb:0};g.Dd=function(a){var c=a||{};if(a)if(b.wc(a))c={Pb:c};else if(b.wc(a.c))c.c={Pb:a.c};return c};g.Be=function(l,m,w,n,y,z,o){var a=m;if(l){a={};for(var g in m){var A=z[g]||1,v=y[g]||[0,1],f=(w-v[0])/v[1];f=c.min(c.max(f,0),1);f=f*A;var u=c.floor(f);if(f!=u)f-=u;var h=n.Pb||e.sd,i,B=l[g],q=m[g];if(b.Bd(q)){h=n[g]||h;var x=h(f);i=B+q*x}else{i=b.jb({pb:{}},l[g]);b.e(q.pb||q,function(d,a){if(n.c)h=n.c[a]||n.c.Pb||h;var c=h(f),b=d*c;i.pb[a]=b;i[a]+=b})}a[g]=i}var t=b.e(m,function(b,a){return O[a]!=k});t&&b.e(O,function(c,b){if(a[b]==k&&l[b]!==k)a[b]=l[b]});if(t){if(a.V)a.k=a.l=a.V;a.T=o.T;a.U=o.U;a.Ed=d}}if(m.c&&o.cb){var p=a.c.pb,s=(p.i||0)+(p.o||0),r=(p.j||0)+(p.p||0);a.j=(a.j||0)+r;a.i=(a.i||0)+s;a.c.j-=r;a.c.p-=r;a.c.i-=s;a.c.o-=s}if(a.c&&b.wd()&&!a.c.i&&!a.c.j&&a.c.p==o.T&&a.c.o==o.U)a.c=j;return a}};function n(){var a=this,d=[];function i(a,b){d.push({Nb:a,dc:b})}function g(a,c){b.e(d,function(b,e){b.Nb==a&&b.dc===c&&d.splice(e,1)})}a.db=a.addEventListener=i;a.removeEventListener=g;a.f=function(a){var c=[].slice.call(arguments,1);b.e(d,function(b){b.Nb==a&&b.dc.apply(h,c)})}}var m=function(z,C,i,J,M,L){z=z||0;var a=this,q,n,o,u,A=0,G,H,F,B,y=0,g=0,m=0,D,k,f,e,p,w=[],x;function O(a){f+=a;e+=a;k+=a;g+=a;m+=a;y+=a}function t(o){var h=o;if(p&&(h>=e||h<=f))h=((h-f)%p+p)%p+f;if(!D||u||g!=h){var j=c.min(h,e);j=c.max(j,f);if(!D||u||j!=m){if(L){var l=(j-k)/(C||1);if(i.de)l=1-l;var n=b.Be(M,L,l,G,F,H,i);if(x)b.e(n,function(b,a){x[a]&&x[a](J,b)});else b.E(J,n)}a.Vb(m-k,j-k);m=j;b.e(w,function(b,c){var a=o<g?w[w.length-c-1]:b;a.H(m-y)});var r=g,q=m;g=h;D=d;a.Eb(r,q)}}}function E(a,b,d){b&&a.Ib(e);if(!d){f=c.min(f,a.Cc()+y);e=c.max(e,a.Gb()+y)}w.push(a)}var r=h.requestAnimationFrame||h.webkitRequestAnimationFrame||h.mozRequestAnimationFrame||h.msRequestAnimationFrame;if(b.Ce()&&b.mc()<7)r=j;r=r||function(a){b.kc(a,i.Ec)};function I(){if(q){var d=b.B(),e=c.min(d-A,i.zc),a=g+e*o;A=d;if(a*o>=n*o)a=n;t(a);if(!u&&a*o>=n*o)K(B);else r(I)}}function s(h,i,j){if(!q){q=d;u=j;B=i;h=c.max(h,f);h=c.min(h,e);n=h;o=n<g?-1:1;a.vc();A=b.B();r(I)}}function K(b){if(q){u=q=B=l;a.rc();b&&b()}}a.qc=function(a,b,c){s(a?g+a:e,b,c)};a.gc=s;a.Y=K;a.ue=function(a){s(a)};a.I=function(){return g};a.Yc=function(){return n};a.nb=function(){return m};a.H=t;a.cb=function(a){t(g+a)};a.Ic=function(){return q};a.ne=function(a){p=a};a.Ib=O;a.fc=function(a,b){E(a,0,b)};a.Yb=function(a){E(a,1)};a.Cc=function(){return f};a.Gb=function(){return e};a.Eb=a.vc=a.rc=a.Vb=b.Nc;a.Fb=b.B();i=b.jb({Ec:16,zc:50},i);p=i.Xc;x=i.ve;f=k=z;e=z+C;H=i.gd||{};F=i.pd||{};G=b.Dd(i.Z)};new(function(){});var i=function(p,fc){var g=this;function Bc(){var a=this;m.call(a,-1e8,2e8);a.ie=function(){var b=a.nb(),d=c.floor(b),f=t(d),e=b-c.floor(b);return{P:f,se:d,gb:e}};a.Eb=function(b,a){var e=c.floor(a);if(e!=a&&a>b)e++;Ub(e,d);g.f(i.ge,t(a),t(b),a,b)}}function Ac(){var a=this;m.call(a,0,0,{Xc:r});b.e(C,function(b){D&1&&b.ne(r);a.Yb(b);b.Ib(ib/bc)})}function zc(){var a=this,b=Tb.R;m.call(a,-1,2,{Z:e.Cd,ve:{gb:Zb},Xc:r},b,{gb:1},{gb:-2});a.Rb=b}function nc(o,n){var b=this,e,f,h,k,c;m.call(b,-1e8,2e8,{zc:100});b.vc=function(){M=d;S=j;g.f(i.Rd,t(w.I()),w.I())};b.rc=function(){M=l;k=l;var a=w.ie();g.f(i.Fd,t(w.I()),w.I());!a.gb&&Dc(a.se,s)};b.Eb=function(i,g){var b;if(k)b=c;else{b=f;if(h){var d=g/h;b=a.Hd(d)*(f-e)+e}}w.H(b)};b.Bb=function(a,d,c,g){e=a;f=d;h=c;w.H(a);b.H(0);b.gc(c,g)};b.Id=function(a){k=d;c=a;b.qc(a,j,d)};b.Jd=function(a){c=a};w=new Bc;w.fc(o);w.fc(n)}function pc(){var c=this,a=Xb();b.q(a,0);b.J(a,"pointerEvents","none");c.R=a;c.rb=function(){b.G(a);b.lc(a)}}function xc(o,f){var e=this,q,L,v,k,y=[],x,B,W,G,Q,F,h,w,p;m.call(e,-u,u+1,{});function E(a){q&&q.Qc();T(o,a,0);F=d;q=new I.X(o,I,b.ud(b.g(o,"idle"))||lc);q.H(0)}function Z(){q.Fb<I.Fb&&E()}function M(p,r,o){if(!G){G=d;if(k&&o){var h=o.width,c=o.height,n=h,m=c;if(h&&c&&a.lb){if(a.lb&3&&(!(a.lb&4)||h>K||c>J)){var j=l,q=K/J*c/h;if(a.lb&1)j=q>1;else if(a.lb&2)j=q<1;n=j?h*J/c:K;m=j?J:c*K/h}b.m(k,n);b.n(k,m);b.K(k,(J-m)/2);b.z(k,(K-n)/2)}b.v(k,"absolute");g.f(i.Kd,f)}}b.G(r);p&&p(e)}function Y(b,c,d,g){if(g==S&&s==f&&N)if(!Cc){var a=t(b);A.ze(a,f,c,e,d);c.Ld();U.Ib(a-U.Cc()-1);U.H(a);z.Bb(b,b,0)}}function cb(b){if(b==S&&s==f){if(!h){var a=j;if(A)if(A.P==f)a=A.De();else A.rb();Z();h=new vc(o,f,a,q);h.Pc(p)}!h.Ic()&&h.Hb()}}function R(d,g,l){if(d==f){if(d!=g)C[g]&&C[g].Md();else!l&&h&&h.Nd();p&&p.nc();var m=S=b.B();e.bb(b.W(j,cb,m))}else{var k=c.min(f,d),i=c.max(f,d),o=c.min(i-k,k+r-i),n=u+a.Od-1;(!Q||o<=n)&&e.bb()}}function db(){if(s==f&&h){h.Y();p&&p.Pd();p&&p.Qd();h.Oc()}}function eb(){s==f&&h&&h.Y()}function ab(a){!P&&g.f(i.Sd,f,a)}function O(){p=w.pInstance;h&&h.Pc(p)}e.bb=function(c,a){a=a||v;if(y.length&&!G){b.O(a);if(!W){W=d;g.f(i.fe,f);b.e(y,function(a){if(!b.s(a,"src")){a.src=b.g(a,"src2");b.F(a,a["display-origin"])}})}b.td(y,k,b.W(j,M,c,a))}else M(c,a)};e.Td=function(){var h=f;if(a.Mc<0)h-=r;var d=h+a.Mc*tc;if(D&2)d=t(d);if(!(D&1))d=c.max(0,c.min(d,r-u));if(d!=f){if(A){var e=A.xe(r);if(e){var i=S=b.B(),g=C[t(d)];return g.bb(b.W(j,Y,d,g,e,i),v)}}bb(d)}};e.ac=function(){R(f,f,d)};e.Md=function(){p&&p.Pd();p&&p.Qd();e.Lc();h&&h.Ud();h=j;E()};e.Ld=function(){b.G(o)};e.Lc=function(){b.O(o)};e.Vd=function(){p&&p.nc()};function T(a,c,e){if(b.s(a,"jssor-slider"))return;if(!F){if(a.tagName=="IMG"){y.push(a);if(!b.s(a,"src")){Q=d;a["display-origin"]=b.F(a);b.G(a)}}b.Bc()&&b.q(a,(b.q(a)||0)+1)}var f=b.yb(a);b.e(f,function(f){var h=f.tagName,i=b.g(f,"u");if(i=="player"&&!w){w=f;if(w.pInstance)O();else b.a(w,"dataavailable",O)}if(i=="caption"){if(c){b.xc(f,b.g(f,"to"));b.we(f,b.g(f,"bf"));b.g(f,"3d")&&b.re(f,"preserve-3d")}else if(!b.ad()){var g=b.fb(f,l,d);b.Zb(g,f,a);b.Uc(f,a);f=g;c=d}}else if(!F&&!e&&!k){if(h=="A"){if(b.g(f,"u")=="image")k=b.fd(f,"IMG");else k=b.r(f,"image",d);if(k){x=f;b.F(x,"block");b.E(x,V);B=b.fb(x,d);b.v(x,"relative");b.Qb(B,0);b.J(B,"backgroundColor","#000")}}else if(h=="IMG"&&b.g(f,"u")=="image")k=f;if(k){k.border=0;b.E(k,V)}}T(f,c,e+1)})}e.Vb=function(c,b){var a=u-b;Zb(L,a)};e.P=f;n.call(e);b.qe(o,b.g(o,"p"));b.pe(o,b.g(o,"po"));var H=b.r(o,"thumb",d);if(H){b.fb(H);b.G(H)}b.O(o);v=b.fb(fb);b.q(v,1e3);b.a(o,"click",ab);E(d);e.Ae=k;e.Rc=B;e.Rb=L=o;b.Q(L,v);g.db(203,R);g.db(28,eb);g.db(24,db)}function vc(y,f,p,q){var a=this,n=0,u=0,h,j,e,c,k,t,r,o=C[f];m.call(a,0,0);function v(){b.lc(L);cc&&k&&o.Rc&&b.Q(L,o.Rc);b.O(L,!k&&o.Ae)}function w(){a.Hb()}function x(b){r=b;a.Y();a.Hb()}a.Hb=function(){var b=a.nb();if(!B&&!M&&!r&&s==f){if(!b){if(h&&!k){k=d;a.Oc(d);g.f(i.Wd,f,n,u,h,c)}v()}var l,p=i.Kc;if(b!=c)if(b==e)l=c;else if(b==j)l=e;else if(!b)l=j;else l=a.Yc();g.f(p,f,b,n,j,e,c);var m=N&&(!E||F);if(b==c)(e!=c&&!(E&12)||m)&&o.Td();else(m||b!=e)&&a.gc(l,w)}};a.Nd=function(){e==c&&e==a.nb()&&a.H(j)};a.Ud=function(){A&&A.P==f&&A.rb();var b=a.nb();b<c&&g.f(i.Kc,f,-b-1,n,j,e,c)};a.Oc=function(a){p&&b.Ab(jb,a&&p.jc.He?"":"hidden")};a.Vb=function(b,a){if(k&&a>=h){k=l;v();o.Lc();A.rb();g.f(i.Xd,f,n,u,h,c)}g.f(i.Yd,f,a,n,j,e,c)};a.Pc=function(a){if(a&&!t){t=a;a.db($JssorPlayer$.ld,x)}};p&&a.Yb(p);h=a.Gb();a.Yb(q);j=h+q.bd;e=h+q.Wc;c=a.Gb()}function Kb(a,c,d){b.z(a,c);b.K(a,d)}function Zb(c,b){var a=x>0?x:eb,d=zb*b*(a&1),e=Ab*b*(a>>1&1);Kb(c,d,e)}function Pb(){pb=M;Ib=z.Yc();G=w.I()}function gc(){Pb();if(B||!F&&E&12){z.Y();g.f(i.Zd)}}function ec(f){if(!B&&(F||!(E&12))&&!z.Ic()){var d=w.I(),b=c.ceil(G);if(f&&c.abs(H)>=a.Zc){b=c.ceil(d);b+=hb}if(!(D&1))b=c.min(r-u,c.max(b,0));var e=c.abs(b-d);e=1-c.pow(1-e,5);if(!P&&pb)z.ue(Ib);else if(d==b){sb.Vd();sb.ac()}else z.Bb(d,b,e*Vb)}}function Hb(a){!b.g(b.Sb(a),"nodrag")&&b.xb(a)}function rc(a){Yb(a,1)}function Yb(a,c){a=b.hc(a);var k=b.Sb(a);if(!O&&!b.g(k,"nodrag")&&sc()&&(!c||a.touches.length==1)){B=d;yb=l;S=j;b.a(f,c?"touchmove":"mousemove",Bb);b.B();P=0;gc();if(!pb)x=0;if(c){var h=a.touches[0];ub=h.clientX;vb=h.clientY}else{var e=b.uc(a);ub=e.x;vb=e.y}H=0;gb=0;hb=0;g.f(i.ae,t(G),G,a)}}function Bb(e){if(B){e=b.hc(e);var f;if(e.type!="mousemove"){var l=e.touches[0];f={x:l.clientX,y:l.clientY}}else f=b.uc(e);if(f){var j=f.x-ub,k=f.y-vb;if(c.floor(G)!=G)x=x||eb&O;if((j||k)&&!x){if(O==3)if(c.abs(k)>c.abs(j))x=2;else x=1;else x=O;if(mb&&x==1&&c.abs(k)-c.abs(j)>3)yb=d}if(x){var a=k,i=Ab;if(x==1){a=j;i=zb}if(!(D&1)){if(a>0){var g=i*s,h=a-g;if(h>0)a=g+c.sqrt(h)*5}if(a<0){var g=i*(r-u-s),h=-a-g;if(h>0)a=-g-c.sqrt(h)*5}}if(H-gb<-2)hb=0;else if(H-gb>2)hb=-1;gb=H;H=a;rb=G-H/i/(Y||1);if(H&&x&&!yb){b.xb(e);if(!M)z.Id(rb);else z.Jd(rb)}}}}}function ab(){qc();if(B){B=l;b.B();b.u(f,"mousemove",Bb);b.u(f,"touchmove",Bb);P=H;z.Y();var a=w.I();g.f(i.be,t(a),a,t(G),G);E&12&&Pb();ec(d)}}function jc(c){if(P){b.le(c);var a=b.Sb(c);while(a&&v!==a){a.tagName=="A"&&b.xb(c);try{a=a.parentNode}catch(d){break}}}}function Jb(a){C[s];s=t(a);sb=C[s];Ub(a);return s}function Dc(a,b){x=0;Jb(a);g.f(i.ce,t(a),b)}function Ub(a,c){wb=a;b.e(T,function(b){b.bc(t(a),a,c)})}function sc(){var b=i.Jc||0,a=X;if(mb)a&1&&(a&=1);i.Jc|=a;return O=a&~b}function qc(){if(O){i.Jc&=~X;O=0}}function Xb(){var a=b.Cb();b.E(a,V);b.v(a,"absolute");return a}function t(a){return(a%r+r)%r}function kc(b,d){if(d)if(!D){b=c.min(c.max(b+wb,0),r-u);d=l}else if(D&2){b=t(b+wb);d=l}bb(b,a.Kb,d)}function xb(){b.e(T,function(a){a.Ob(a.Db.Ie<=F)})}function hc(){if(!F){F=1;xb();if(!B){E&12&&ec();E&3&&C[s].ac()}}}function Ec(){if(F){F=0;xb();B||!(E&12)||gc()}}function ic(){V={ob:K,qb:J,i:0,j:0};b.e(Q,function(a){b.E(a,V);b.v(a,"absolute");b.Ab(a,"hidden");b.G(a)});b.E(fb,V)}function ob(b,a){bb(b,a,d)}function bb(g,f,j){if(Rb&&(!B&&(F||!(E&12))||a.Vc)){M=d;B=l;z.Y();if(f==k)f=Vb;var e=Cb.nb(),b=g;if(j){b=e+g;if(g>0)b=c.ceil(b);else b=c.floor(b)}if(D&2)b=t(b);if(!(D&1))b=c.max(0,c.min(b,r-u));var i=(b-e)%r;b=e+i;var h=e==b?0:f*c.abs(i);h=c.min(h,f*u*1.5);z.Bb(e,b,h||1)}}g.qc=function(){if(!N){N=d;C[s]&&C[s].ac()}};function W(){return b.m(y||p)}function lb(){return b.n(y||p)}g.T=W;g.U=lb;function Eb(c,d){if(c==k)return b.m(p);if(!y){var a=b.Cb(f);b.Gc(a,b.Gc(p));b.Wb(a,b.Wb(p));b.F(a,"block");b.v(a,"relative");b.K(a,0);b.z(a,0);b.Ab(a,"visible");y=b.Cb(f);b.v(y,"absolute");b.K(y,0);b.z(y,0);b.m(y,b.m(p));b.n(y,b.n(p));b.xc(y,"0 0");b.Q(y,a);var h=b.yb(p);b.Q(p,y);b.J(p,"backgroundImage","");b.e(h,function(c){b.Q(b.g(c,"noscale")?p:a,c);b.g(c,"autocenter")&&Mb.push(c)})}Y=c/(d?b.n:b.m)(y);b.oe(y,Y);var g=d?Y*W():c,e=d?c:Y*lb();b.m(p,g);b.n(p,e);b.e(Mb,function(a){var c=b.od(b.g(a,"autocenter"));b.id(a,c)})}g.ee=Eb;n.call(g);g.R=p=b.sb(p);var a=b.jb({lb:0,Od:1,Lb:1,Ub:0,Jb:l,tb:1,eb:d,Vc:d,Mc:1,ec:3e3,tc:1,Kb:500,Hd:e.ed,Zc:20,Dc:0,hb:1,Ac:0,te:1,wb:1,cc:1},fc);a.eb=a.eb&&b.ye();if(a.ke!=k)a.ec=a.ke;if(a.jd!=k)a.Ac=a.jd;var eb=a.wb&3,tc=(a.wb&4)/-4||1,kb=a.Je,I=b.jb({X:q,eb:a.eb},a.Oe);I.Tb=I.Tb||I.Ne;var Fb=a.Me,Z=a.yd,db=a.Le,R=!a.te,y,v=b.r(p,"slides",R),fb=b.r(p,"loading",R)||b.Cb(f),Nb=b.r(p,"navigator",R),dc=b.r(p,"arrowleft",R),ac=b.r(p,"arrowright",R),Lb=b.r(p,"thumbnavigator",R),oc=b.m(v),mc=b.n(v),V,Q=[],uc=b.yb(v);b.e(uc,function(a){if(a.tagName=="DIV"&&!b.g(a,"u"))Q.push(a);else b.Bc()&&b.q(a,(b.q(a)||0)+1)});var s=-1,wb,sb,r=Q.length,K=a.zd||oc,J=a.Ad||mc,Wb=a.Dc,zb=K+Wb,Ab=J+Wb,bc=eb&1?zb:Ab,u=c.min(a.hb,r),jb,x,O,yb,T=[],Qb,Sb,Ob,cc,Cc,N,E=a.tc,lc=a.ec,Vb=a.Kb,qb,tb,ib,Rb=u<r,D=Rb?a.tb:0,X,P,F=1,M,B,S,ub=0,vb=0,H,gb,hb,Cb,w,U,z,Tb=new pc,Y,Mb=[];if(a.eb)Kb=function(a,c,d){b.zb(a,{N:c,L:d})};N=a.Jb;g.Db=fc;ic();b.s(p,"jssor-slider",d);b.q(v,b.q(v)||0);b.v(v,"absolute");jb=b.fb(v,d);b.Zb(jb,v);if(kb){cc=kb.Ke;qb=kb.X;tb=u==1&&r>1&&qb&&(!b.ad()||b.mc()>=8)}ib=tb||u>=r||!(D&1)?0:a.Ac;X=(u>1||ib?eb:-1)&a.cc;var Gb=v,C=[],A,L,Db=b.Ge(),mb=Db.Ee,G,pb,Ib,rb;Db.cd&&b.J(Gb,Db.cd,([j,"pan-y","pan-x","none"])[X]||"");U=new zc;if(tb)A=new qb(Tb,K,J,kb,mb);b.Q(jb,U.Rb);b.Ab(v,"hidden");L=Xb();b.J(L,"backgroundColor","#000");b.Qb(L,0);b.Zb(L,Gb.firstChild,Gb);for(var cb=0;cb<Q.length;cb++){var wc=Q[cb],yc=new xc(wc,cb);C.push(yc)}b.G(fb);Cb=new Ac;z=new nc(Cb,U);if(X){b.a(v,"mousedown",Yb);b.a(v,"touchstart",rc);b.a(v,"dragstart",Hb);b.a(v,"selectstart",Hb);b.a(f,"mouseup",ab);b.a(f,"touchend",ab);b.a(f,"touchcancel",ab);b.a(h,"blur",ab)}E&=mb?10:5;if(Nb&&Fb){Qb=new Fb.X(Nb,Fb,W(),lb());T.push(Qb)}if(Z&&dc&&ac){Z.tb=D;Z.hb=u;Sb=new Z.X(dc,ac,Z,W(),lb());T.push(Sb)}if(Lb&&db){db.Ub=a.Ub;Ob=new db.X(Lb,db);T.push(Ob)}b.e(T,function(a){a.Xb(r,C,fb);a.db(o.Tc,kc)});b.J(p,"visibility","visible");Eb(W());b.a(v,"click",jc);b.a(p,"mouseout",b.sc(hc,p));b.a(p,"mouseover",b.sc(Ec,p));xb();a.Lb&&b.a(f,"keydown",function(b){if(b.keyCode==37)ob(-a.Lb);else b.keyCode==39&&ob(a.Lb)});var nb=a.Ub;if(!(D&1))nb=c.max(0,c.min(nb,r-u));z.Bb(nb,nb,0)};i.Sd=21;i.ae=22;i.be=23;i.Rd=24;i.Fd=25;i.fe=26;i.Kd=27;i.Zd=28;i.ge=202;i.ce=203;i.Wd=206;i.Xd=207;i.Yd=208;i.Kc=209;var o={Tc:1};var r=function(a,g,h){var c=this;n.call(c);var r,q,e,f,i;b.m(a);b.n(a);function k(a){c.f(o.Tc,a,d)}function p(c){b.O(a,c||!h.tb&&e==0);b.O(g,c||!h.tb&&e>=q-h.hb);r=c}c.bc=function(b,a,c){if(c)e=a;else{e=b;p(r)}};c.Ob=p;var m;c.Xb=function(c){q=c;e=0;if(!m){b.a(a,"click",b.W(j,k,-i));b.a(g,"click",b.W(j,k,i));b.Hc(a);b.Hc(g);m=d}};c.Db=f=b.jb({je:1},h);i=f.je;if(f.ic==l){b.s(a,"noscale",d);b.s(g,"noscale",d)}if(f.Mb){b.s(a,"autocenter",f.Mb);b.s(g,"autocenter",f.Mb)}};function q(e,d,c){var a=this;m.call(a,0,c);a.Qc=b.Nc;a.bd=0;a.Wc=c}jssor_1_slider_init=function(){var f={Jb:d,cc:2,wb:2,yd:{X:r}},e=new i("jssor_1",f);function a(){var b=e.R.parentNode.clientWidth;if(b){b=c.min(b,600);e.ee(b)}else h.setTimeout(a,30)}a();b.a(h,"load",a);b.a(h,"resize",a);b.a(h,"orientationchange",a)}})(window,document,Math,null,true,false)
     
    </script>
     
    <style>
     
    .jssora08l,.jssora08r{display:block;position:absolute;width:50px;height:50px;cursor:pointer;background:url('img/a08.png') no-repeat;overflow:hidden;opacity:.4;filter:alpha(opacity=40)}.jssora08l{background-position:-5px -35px}.jssora08r{background-position:-65px -35px}.jssora08l:hover{background-position:-5px -35px;opacity:.8;filter:alpha(opacity=80)}.jssora08r:hover{background-position:-65px -35px;opacity:.8;filter:alpha(opacity=80)}.jssora08l.jssora08ldn{background-position:-5px -35px;opacity:.3;filter:alpha(opacity=30)}.jssora08r.jssora08rdn{background-position:-65px -35px;opacity:.3;filter:alpha(opacity=30)}
     
    </style>
     
     
    <div id="jssor_1" style="position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1200px; height: 620px; overflow: hidden; visibility: hidden;">	<!--1500px-->
    <div data-u="loading" style="position: absolute; top: 0px; left: 0px;">
    <div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 1200px; height: 620px;"></div>
    <div style="position:absolute;display:block;background:url('img/loading.gif') no-repeat center center;top:0px;left:0px;width:1200px;height:620px;"></div>
    </div>
    <div data-u="slides" style="cursor: default; position: relative; top: 50px; left: 0px; width: 1200px; height: 620px; overflow: hidden;">
    <div data-p="225" style="display: none;">
    <img data-u="image" src="mesimages/mi_ani_1.jpg" border="0"  alt="">
    </div>
    <div data-p="225" style="display: none;">
    <img data-u="image" src="mesimages/mi_ani_2.jpg" border="0"  alt="">
    </div>
    <div data-p="225" style="display: none;">
    <img data-u="image" src="mesimages/mi_ani_3.jpg" border="0"  alt="">
    </div>
    <div data-p="225" style="display: none;">
    <img data-u="image" src="mesimages/mi_ani_4.jpg" border="0"  alt="">
    </div> 
     
    </div>	
    </div>
    <script>
    jssor_1_slider_init();
    </script>
    <div id="controles" style="position:relative" style="bottom: 10px">
    	<table width=325 height=75 border=0 align=center cellspacing=5 summary="">
    	<tr>
    		<td><img src="boutons/bouton_first.jpg" border="0" width="73" height="73" alt=""></td>
    		<td><img src="boutons/bouton_back.jpg" border="0" width="73" height="73" alt=""></td>
    		<td><img src="boutons/bouton_go.jpg" border="0" width="73" height="73" alt=""></td>
     
    	</tr>
    	</table>
    </div>
    <!-- #endregion Jssor Slider End -->
    </body>
    </html>

  6. #6
    Expert confirmé

    Homme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2010
    Messages
    5 419
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2010
    Messages : 5 419
    Par défaut
    Salut,

    Si tu veux que tes images occupent toute la largeur de l'écran il faut que leur largeur minimum fasse au moins la largeur de l'écran. Soit au moins 1900 px sur un écran full HD. Ensuite tu pourras les réduire à l'affichage en fonction d'écrans de plus petite résolution mais tu ne pourras pas les agrandir sauf à perdre énormément en qualité.

  7. #7
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    @pierruel : merci de rester sur la même discussion.

    Ceci étant je pense que tu n'as pas pris la bonne option dans jssor, il semblerait que ce que tu souhaites soit :

    Options -> responsive -> Scale To -> Window Width en supprimant la valeur du Max.

    http://www.jssor.com/demos/simple-fa...w.slider/=edit

  8. #8
    Membre éclairé Avatar de touche_a_tout
    Profil pro
    Inscrit en
    Août 2006
    Messages
    544
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Août 2006
    Messages : 544
    Par défaut
    Salut ABCIWEB et merci,
    Ce que je ne pige pas, c'est que quand je mets width:100px c'est la hauteur qui est étirée au point qu'on ne reconnaît plus rien, alors que la largeur ne bouge pas. C'est paradoxal, non ? Je vais agrandir mes photos et réessayer. J'ai gardé des originaux intacts et je peux faire encore un certain nombre de tests ;-)
    je donnerai des nouvelles.
    Cordialement
    Pierre

  9. #9
    Membre éclairé Avatar de touche_a_tout
    Profil pro
    Inscrit en
    Août 2006
    Messages
    544
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Août 2006
    Messages : 544
    Par défaut
    Bonjour NoSmoking,
    Désolé, j'ai mal interprété les consignes de "Personne ne répond". Je me suis aussi dit que si ça restait sous le même titre les "passants" se diraient "bon ok on connaît voyons plus loin". Faut croire que j'avais tort puisque ABCDIWEB a réagi.
    Quand à la page de Jssor, je m'y suis trouvé comme une poule devant un couteau. Ma note moyenne en javascript est 0,1 hélas. Je vais essayer de faire une recherche dans le script.
    Je donnerai des nouvelles.
    Cordialement
    Pierre

  10. #10
    Invité
    Invité(e)
    Par défaut
    J'ai donné la UNE réponse/solution (bis).
    Dernière modification par Invité ; 05/03/2016 à 10h07. Motif: Restons pro...

  11. #11
    Membre éclairé Avatar de touche_a_tout
    Profil pro
    Inscrit en
    Août 2006
    Messages
    544
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Août 2006
    Messages : 544
    Par défaut
    Merci de me donner finalement raison. Comme je le disais, le savoir ne protège pas de la stupidité. Il est de quel côté, le savoir ? Moi, j'ai avoué mon ignorance. CQFD.

    Cela dit, j'ai examiné d'un peu plus près les deux codes que tu as postés. Ils fournissent en effet une réponse, mais pas à ma question. Si j'avais voulu recevoir un slideshow tout rôti dans le bec, je l'aurais demandé. Mais alors j'aurais donné quelques précisions:
    Il ne doit pas être automatique (sinon pourquoi mes trois boutons ?)
    Il doit tourner offline (donc pas de src vers Jquery ni vers des images du web)
    Il doit permettre la commande par gamepad sur le bouton d'avance et par toucher sur un écran tactile pour les 2 autres.

    Moi je voulais juste que les images occupent toute la largeur de l'écran - une question à la fois - parce que, par expérience, si l'on pose une question aussi compliquée sur ce forum, personne n'y répond. Je l'ai fait récemment et je peux en retrouver la trace.

    Donc merci pour ceux à qui ça pourra rendre service. Moi, je me débrouillerai autrement.
    P.

  12. #12
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Une précision: ce n'est pas le modèle fade-slider que j'ai utilisé mais vertical slider.
    Pour le slider, j'en avais pris un au hasard.
    On est donc sur ce slider : http://www.jssor.com/demos/vertical-slider.slider/=edit

    mais ça signifie que je dois re-télécharger le code.
    Oui après avoir modifié les options comme je te l'ai indiqué.

    Donc il suffit que je remplace mon script actuel dans ma page locale par celui que j'ai modifié grâce à la page "edit" ?
    Commence par juste remplacer ce qui est entre les balises <script>...</script> que tu récupères en mode Preview

  13. #13
    Membre éclairé Avatar de touche_a_tout
    Profil pro
    Inscrit en
    Août 2006
    Messages
    544
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Août 2006
    Messages : 544
    Par défaut Configurer slider Jssor selon mon besoin
    Bonjour NoSmoking,
    Je te suis très reconnaissant d'avoir repris le fil. J'aurais mieux fait de ne pas perdre patience mais on ne se refait pas.
    Donc je suis allé sur le site Jssor et j'ai modifié les options comme tu me l'avais indiqué. Sur la page preview j'ai fait "Voir le code source de la page", copié de <script> à </script> et collé ça dans ma page en remplacement du code d'origine. Quant je lance la page, j'ai mes trois boutons mais rien d'autre. Je ne trouve pas l'erreur mais je vais chercher encore. Par contre, sur le site, page preview, les images ont toute la largeur de l'écran, bingo.
    Si tu as une idée de ce que j'ai loupé...
    Merci et bonne journée
    Cordialement
    Pierre

  14. #14
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Si tu as une idée de ce que j'ai loupé...
    mauvais ou incomplet copier/collé, je viens de tester et cela fonctionne bien sans rien changer d'autre que le script.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 5
    Dernier message: 13/10/2005, 12h46
  2. Simple Question ....
    Par soltani.slim dans le forum XML/XSL et SOAP
    Réponses: 2
    Dernier message: 25/08/2005, 18h11
  3. [langage] simple question ...
    Par perlgirl dans le forum Langage
    Réponses: 13
    Dernier message: 16/07/2004, 13h22
  4. PageControl -> Une simple question
    Par Invité dans le forum C++Builder
    Réponses: 4
    Dernier message: 08/05/2004, 09h19

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo