Configurer slider Jssor selon mon besoin

**touche_a_tout** · 23/02/2016, 18h58

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 : 845
Taille : 12,4 Ko

Nom : pro_mult_2.jpg
Affichages : 825
Taille : 13,0 Ko

Nom : pro_mult_3.jpg
Affichages : 850
Taille : 13,6 Ko

Nom : pro_mult_4.jpg
Affichages : 834
Taille : 12,1 Ko

Nom : pro_mult_5.jpg
Affichages : 836
Taille : 12,8 Ko

**touche_a_tout** · 27/02/2016, 20h29

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

**NoSmoking** · 27/02/2016, 23h52

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 ?

**touche_a_tout** · 29/02/2016, 11h44

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

**touche_a_tout** · 29/02/2016, 12h04

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>

**ABCIWEB** · 29/02/2016, 13h33

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é.

**NoSmoking** · 29/02/2016, 20h40

@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

**touche_a_tout** · 01/03/2016, 12h50

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

**touche_a_tout** · 01/03/2016, 12h54

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

**touche_a_tout** · 01/03/2016, 13h23

Bonjour ABCDIWEB et NoSmoking,
J'ai agrandi mes images à 1900 x 980 sans que ça change rien. Chez Jssor j'ai fini par voir ce qu'il fallait faire mais ça signifie que je dois re-télécharger le code. Question: le changement obtenu par "Options... etc" modifie uniquement le script ?*** Donc il suffit que je remplace mon script actuel dans ma page locale par celui que j'ai modifié grâce à la page "edit" ? Vous savez, avec moi c'est la petite classe

***sinon je dois refaire toutes les retouches déjà faites pour "customizer" le slider original.
Merci de votre patience
Cordialement
Pierre

**touche_a_tout** · 01/03/2016, 14h18

Une précision: ce n'est pas le modèle fade-slider que j'ai utilisé mais vertical slider.
A plus tard
Merci et bonne journée
Pierre

Invité · 01/03/2016, 20h00

Bonjour,

De mon coté, j'ai cherché (et trouvé) du coté de
jssor full screen - Make Responsive Slider
référence - options

en particulier :

$FillMode optional 0 The way to fill image in slide, 0: stretch, 1: contain (keep aspect ratio and put all inside slide), 2: cover (keep aspect ratio and cover whole slide), 4: actual size, 5: contain for large image and actual size for small image, default value is 0

J'obtiens : http://codepen.io/jreaux62/pen/RaNEbP ( http://codepen.io/jreaux62/full/RaNEbP )

Code javascript :

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
    jQuery(document).ready(function($) {
      var options = {
        $FillMode: 1, // The way to fill image in slide, 0: stretch, 1: contain (keep aspect ratio and put all inside slide), 2: cover (keep aspect ratio and cover whole slide), 4: actual size, 5: contain for large image and actual size for small image, default value is 0 
        $PlayOrientation: 1, // Orientation to play slide (for auto play, navigation), 1: horizental, 2: vertical 
 
        $SlideDuration: 800, //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500
        $DragOrientation: 3, //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $Cols is greater than 1, or parking position is not 0)
        $AutoPlay: true, //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
        $Idle: 1500 //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000
      };
 
      var jssor_slider1 = new $JssorSlider$('slider1_container', options);
 
      //responsive code begin
      //you can remove responsive code if you don't want the slider scales
      //while window resizing
      function ScaleSlider() {
        var parentWidth = $('#slider1_container').parent().width();
        if (parentWidth) {
          jssor_slider1.$ScaleWidth(parentWidth);
        } else
          window.setTimeout(ScaleSlider, 30);
      }
      //Scale slider after document ready
      ScaleSlider();
 
      //Scale slider while window load/resize/orientationchange.
      $(window).bind("load", ScaleSlider);
      $(window).bind("resize", ScaleSlider);
      $(window).bind("orientationchange", ScaleSlider);
      //responsive code end
    });

Code html :

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
<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
    <script type="text/javascript" src="http://www.jssor.com/script/jssor.slider.min.js"></script>
 
<!-- Jssor Slider Begin -->
            <!-- To move inline styles to css file/block, please specify a class name for each element. --> 
            <div id="slider1_container" style="position: relative; margin: 0 auto; top: 0px; left: 0px; width: 600px; height: 300px;">
 
                <!-- Loading Screen -->
                <div u="loading" style="position: absolute; top: 0px; left: 0px;">
                    <div style="filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
                background-color: #000; 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>
 
                <!-- Slides Container -->
                <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 600px;  height: 300px;
            overflow: hidden;">
                    <div>
                        <img u=image src="http://www.swiss-jazz.ch/partitions-gratuites/Before-You.jpg" />
                    </div>
                    <div>
                        <img u=image src="http://www.jeanmichelcaradec.com/partitions/madeline1.jpg" />
                    </div>
                    <div>
                        <img u=image src="http://www.francestickers.com/2104-thickbox/-partition-de-musique-4.jpg" />
                    </div>
                    <div>
                        <img u=image src="http://www.woodbrass.com/images/woodbrass/FUZ6048-1.JPG" />
                    </div>
                </div>
                <a style="display: none" href="http://www.jssor.com">Image Slider</a>
            </div>
            <!-- Jssor Slider End -->

**touche_a_tout** · 01/03/2016, 21h25

Envoyé par jreaux62

Bonjour,

Il aura fallu quand même attendre le 11ème message avant que tu donnes (enfin) ce type d'information...

Et heureusement qu'il était écrit "jssor" dans le code...

Mon premier message, il y a bien quelque temps, commençait par:

Bonjour,

(eh oui)

J'ai téléchargé un scroller...

et si ça avait intéressé quiconque, il aurait demandé où, non ?

Quant à la suite, comme je l'ai dit, je n'entends rien à Javascript, je suis trop vieux pour l'apprendre - et pour me faire savonner les oreilles pas un jeunot, fut-il hyper-émérite- nous sommes sur un forum HTML et <div> est un tag HTML. J'estime la question comme toujours pas résolue, mais j'ai rencart lundi avec une codeuse qui se fera payer, mais qui fera le job. Alors bye bye.
Pierre

De mon coté, j'ai cherché (et trouvé) (er) du coté de
jssor full screen - Make Responsive Slider
référence - options

<<On ne trouve que quand on sait déjà ce qu'on cherche>>
(Mescolles)

Invité · 02/03/2016, 08h56

J'ai donné la solution.

**touche_a_tout** · 02/03/2016, 10h58

Bonjour,
C'est la huitième fois que je dis bonjour sur ce fil et merci, je l'ai déjà dit 7 fois. Faut lire les messages.
Quant à remercier de me faire engueuler, non merci.
Cela dit, faut pas confondre modérateur avec gendarme et donneur de leçons.
Pédagogiquement (c'est votre rôle et votre prétention, non ?), il eût été préférable de dire tout de suite que cette question de <div> ne pouvait être résolue que moyennant du Javascript (donc sur un autre forum). Et je n'ai pas hésité à préciser que je n'y connaissais rien. Il n'y a pas à en rougir.
Quant à ta dernière remarque, elle confond l'ignorance avec la stupidité. C'est la première qui incite à consulter un forum; la seconde en détourne, puisqu'elle conduit à s'imaginer tout savoir, alors que le savoir ne protège pas de la première.
Belle journée, cher modérateur, et merci, à tout hasard
(et de huit).
Pierre

Invité · 02/03/2016, 14h38

J'ai donné la UNE réponse/solution (bis).

**touche_a_tout** · 03/03/2016, 09h48

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.

**NoSmoking** · 05/03/2016, 09h32

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

**touche_a_tout** · 07/03/2016, 10h56

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