[ads] À 70 projets, il y en a vraiment pour tous les goûts!
Et c’est ce qui est bien avec les palettes de bois, parce que c’est vraiment notre façon de les bricoler, de les colorer et de décorer tout ce qui entour le projet qui changera qui donnera le style au palette!
Du petit coin salon extérieur au meuble de cuisine, en passant par des lits et des têtes de lits, on trouve de tout tout TOUT ou à peu près dans cet album!
Vous pourrez trouver des palettes de bois à vendre et parfois même à donner sur les sites de ventes d’articles usagées sur le net.
if(typeof arguments[iter] === ‘object’) {
aParm = arguments[iter];
if(jafo._isArr(aParm)) {
aParm = aParm.pop();
}
sify = JSON.stringify(aParm);
parms.push(jafo._parmLabel(iter)+’=’+encodeURIComponent(sify));
} else if(typeof arguments[iter] === ‘string’) {
parms.push(jafo._parmLabel(iter)+’=’+encodeURIComponent(arguments[iter]));
}
}
return parms.join(‘&’);
};
jafo._canUseLs = function() {
try {
localStorage.setItem(‘testitem’, 0);
localStorage.removeItem(‘testitem’);
return true;
} catch(e) {
}
return false;
};
jafo._fire = function(url) {
// no pixel setup? Forget it.
if(!jafo._.imgLoc) {
return;
}
var img = document.createElement(‘img’);
img.src = url;
};
jafo._fp = function() {
var pFp = jafo.cookie(”),
nav = navigator,
srn = window.screen,
np,
ret = ”;
for(var i in nav) {
if (typeof nav[i] === ‘string’ || !isNaN(nav[i])) {
// we only care about the strings and numbers
ret += ”+nav[i];
}
}
np = nav.plugins;
for(var iter = 0; iter < np.length; iter++) { ret += jafo._nav2str(np[i]); } if (typeof srn === ‘object’) { ret += jafo._nav2str(srn); } if (!Date.prototype.toISOString) { (function() { var pad = function (number) { var r = String(number); if ( r.length === 1 ) { r = ‘0’ + r; } return r; }; Date.prototype.toISOString = function() { return this.getUTCFullYear() + ‘-‘ + pad( this.getUTCMonth() + 1 ) + ‘-‘ + pad( this.getUTCDate() ) + ‘T’ + pad( this.getUTCHours() ) + ‘:’ + pad( this.getUTCMinutes() ) + ‘:’ + pad( this.getUTCSeconds() ) + ‘.’ + String( (this.getUTCMilliseconds()/1000).toFixed(3) ).slice( 2, 5 ) + ‘Z’; }; }() ); } return jafo._sha256(ret + (new Date().toISOString())); }; jafo._fromLegacy = function() { return jafo._.legacyQueue; }; jafo._fromLs = function(kill) { var localString, tempData, localData = []; try{ localString = localStorage.getItem(jafo._.lsKeyName); if(localString) { tempData = JSON.parse(localString); if(typeof tempData === ‘object’ && tempData[jafo._.lsArrayName]) { localData = tempData[jafo._.lsArrayName]; } if(kill) { localStorage.removeItem(jafo._.lsKeyName); } } } catch(e) { } return jafo._isArr(localData)? localData: []; }; jafo._getQueue = function() { if(jafo._.lsAvail) { return jafo._fromLs(); } return jafo._fromLegacy(); }; jafo._handleAttrClick = function(ev) { var attrData, strJson, strValue, $targ = $(ev.currentTarget); if(ev.type === ‘click’ || (ev.type === ‘mouseup’ && ev.which === 2)) { if($targ.length) { strValue = ($targ.attr(jafo._.dataAttr)+”).match(jafo._.attrRegex); if(strValue && strValue.length > 1) {<br />
try {<br />
strJson = ( »+strValue[1]).replace(jafo._.chrRegex, ‘ »‘);<br />
attrData = JSON.parse(strJson);<br />
} catch(err) {<br />
return false;<br />
}<br />
}</p>
<p> if(attrData) {<br />
jafo.logAction(attrData);<br />
}<br />
}</p>
<p> }<br />
};</p>
<p> jafo._isArr = function(arr) {<br />
return Object.prototype.toString.call(arr) === ‘[object Array]’;<br />
};</p>
<p> jafo._mergeData = function(action) {<br />
var preJson, tD;</p>
<p> if(typeof action === ‘object’ && typeof action.action === ‘undefined’ && typeof action.event === ‘string’) {<br />
tD = new Date();</p>
<p> preJson = jafo._.userDetails;</p>
<p> preJson.action = clone(action);<br />
preJson.timestamp = tD.getTime();<br />
preJson.location = document.location.toString();</p>
<p> return preJson;<br />
}</p>
<p> return;<br />
};</p>
<p> jafo._nav2str = function(obj) {<br />
var out = [];</p>
<p> if (typeof obj !== ‘object’) {<br />
return »+obj;<br />
}</p>
<p> for (var memb in obj) {</p>
<p> if (obj.hasOwnProperty(memb)) {<br />
if (jafo._isArr(obj[memb])) {</p>
<p> out.push.apply(out, obj[memb].map(function(part) {<br />
return memb+'[]=’+part;<br />
}));</p>
<p> } else if (typeof obj[memb] === ‘object’ && obj[memb] !== obj) {</p>
<p> out.push(memb+’=’+jafo._nav2str(obj[memb]));</p>
<p> } else if (typeof obj[memb] != ‘function’) {</p>
<p> out.push(memb+’=’+obj[memb]);</p>
<p> }<br />
}</p>
<p> }</p>
<p> return out.length > 0? out.join(‘&’): false;<br />
};</p>
<p> jafo._parmLabel = function(num) {<br />
var mod = num % 26,<br />
pow = num / 26 | 0,<br />
out = String.fromCharCode(97 + mod);</p>
<p> return pow > 0? jafo._parmLabel(pow – 1) + out: out;<br />
};</p>
<p> jafo._pollQueue = function() {<br />
var smoulder = jafo._sliceQueue(jafo._.maxBatch),<br />
url;</p>
<p> if(jafo._.scheduled !== null) {<br />
clearTimeout(jafo._.scheduled);<br />
}</p>
<p> if(jafo._isArr(smoulder) && smoulder.length) {<br />
url = jafo._.imgLoc+’?’+jafo.batch.apply(jafo, smoulder);</p>
<p> jafo._fire(url);<br />
}</p>
<p> jafo._.scheduled = null;<br />
jafo._schedPoll();</p>
<p> return url;<br />
};</p>
<p> jafo._queue = function(data) {<br />
if(jafo._.lsAvail) {<br />
jafo._queueLs(data);<br />
}</p>
<p> jafo._queueLegacy(data);</p>
<p> return jafo._pollQueue();<br />
};</p>
<p> jafo._queueLs = function(data) {<br />
var extant = jafo._fromLs(),<br />
argData = clone(data);</p>
<p> extant.push(argData);<br />
jafo._saveQueueLs(extant)</p>
<p> return argData;<br />
};</p>
<p> jafo._queueLegacy = function(data) {<br />
var argData = clone(data);</p>
<p> jafo._.legacyQueue.push(argData);</p>
<p> return argData;<br />
};</p>
<p> jafo._sessionStart = function() {<br />
if(jafo._.sessionFired) {<br />
return;<br />
}<br />
jafo._.sessionFired = true;<br />
if(!jafo._.selfRefRgx.test(jafo._.userDetails.referrer)) {<br />
jafo.logAction({<br />
event: ‘sessionStart’,<br />
meta: {<br />
language: navigator.language,<br />
screenResolution: window.screen.width+’x’+window.screen.height,<br />
timezone: (new Date().getTimezoneOffset()) * 60,<br />
secure: document.location.proto === ‘https’,<br />
platform: platform<br />
}<br />
});<br />
}</p>
<p> };</p>
<p> jafo._sha256 = function(s) {<br />
var chrsz = 8<br />
, hexcase = 0;<br />
function safe_add (x, y) {<br />
var lsw = (x & 0xFFFF) + (y & 0xFFFF)<br />
, msw = (x >> 16) + (y >> 16) + (lsw >> 16);<br />
return (msw << 16) | (lsw & 0xFFFF); } function S (X, n) { return ( X >>> n ) | (X << (32 – n)); } function R (X, n) { return ( X >>> n ); }<br />
function Ch(x, y, z) { return ((x & y) ^ ((~x) & z)); }<br />
function Maj(x, y, z) { return ((x & y) ^ (x & z) ^ (y & z)); }<br />
function Sigma0256(x) { return (S(x, 2) ^ S(x, 13) ^ S(x, 22)); }<br />
function Sigma1256(x) { return (S(x, 6) ^ S(x, 11) ^ S(x, 25)); }<br />
function Gamma0256(x) { return (S(x, 7) ^ S(x, 18) ^ R(x, 3)); }<br />
function Gamma1256(x) { return (S(x, 17) ^ S(x, 19) ^ R(x, 10)); }<br />
function core_sha256 (m, l) {<br />
var K = new Array(0x428A2F98, 0x71374491, 0xB5C0FBCF, 0xE9B5DBA5, 0x3956C25B, 0x59F111F1, 0x923F82A4, 0xAB1C5ED5, 0xD807AA98, 0x12835B01, 0x243185BE, 0x550C7DC3, 0x72BE5D74, 0x80DEB1FE, 0x9BDC06A7, 0xC19BF174, 0xE49B69C1, 0xEFBE4786, 0xFC19DC6, 0x240CA1CC, 0x2DE92C6F, 0x4A7484AA, 0x5CB0A9DC, 0x76F988DA, 0x983E5152, 0xA831C66D, 0xB00327C8, 0xBF597FC7, 0xC6E00BF3, 0xD5A79147, 0x6CA6351, 0x14292967, 0x27B70A85, 0x2E1B2138, 0x4D2C6DFC, 0x53380D13, 0x650A7354, 0x766A0ABB, 0x81C2C92E, 0x92722C85, 0xA2BFE8A1, 0xA81A664B, 0xC24B8B70, 0xC76C51A3, 0xD192E819, 0xD6990624, 0xF40E3585, 0x106AA070, 0x19A4C116, 0x1E376C08, 0x2748774C, 0x34B0BCB5, 0x391C0CB3, 0x4ED8AA4A, 0x5B9CCA4F, 0x682E6FF3, 0x748F82EE, 0x78A5636F, 0x84C87814, 0x8CC70208, 0x90BEFFFA, 0xA4506CEB, 0xBEF9A3F7, 0xC67178F2)<br />
, HASH = new Array(0x6A09E667, 0xBB67AE85, 0x3C6EF372, 0xA54FF53A, 0x510E527F, 0x9B05688C, 0x1F83D9AB, 0x5BE0CD19)<br />
, W = new Array(64)<br />
, a, b, c, d, e, f, g, h, i, j<br />
, T1, T2;<br />
m[l >> 5] |= 0x80 << (24 – l % 32); m[((l + 64 >> 9) << 4) + 15] = l;
for ( var i = 0; i<m.length; i+=16 ) {
a = HASH[0];
b = HASH[1];
c = HASH[2];
d = HASH[3];
e = HASH[4];
f = HASH[5];
g = HASH[6];
h = HASH[7];
for ( var j = 0; j<64; j++) {
if (j < 16) W[j] = m[j + i];
else W[j] = safe_add(safe_add(safe_add(Gamma1256(W[j – 2]), W[j – 7]), Gamma0256(W[j – 15])), W[j – 16]);
T1 = safe_add(safe_add(safe_add(safe_add(h, Sigma1256(e)), Ch(e, f, g)), K[j]), W[j]);
T2 = safe_add(Sigma0256(a), Maj(a, b, c));
h = g;
g = f;
f = e;
e = safe_add(d, T1);
d = c;
c = b;
b = a;
a = safe_add(T1, T2);
}
HASH[0] = safe_add(a, HASH[0]);
HASH[1] = safe_add(b, HASH[1]);
HASH[2] = safe_add(c, HASH[2]);
HASH[3] = safe_add(d, HASH[3]);
HASH[4] = safe_add(e, HASH[4]);
HASH[5] = safe_add(f, HASH[5]);
HASH[6] = safe_add(g, HASH[6]);
HASH[7] = safe_add(h, HASH[7]);
}
return HASH;
}
function str2binb (str) {
var bin = Array()
, mask = (1 << chrsz) – 1;
for(var i = 0; i < str.length * chrsz; i += chrsz) { bin[i>>5] |= (str.charCodeAt(i / chrsz) & mask) << (24 – i%32);
}
return bin;
}
function Utf8Encode(string) {
string = string.replace(/\r\n/g,”\n”);
var utftext = “”;
for (var n = 0; n < string.length; n++) {
var c = string.charCodeAt(n);
if (c < 128) { utftext += String.fromCharCode(c); } else if((c > 127) && (c < 2048)) { utftext += String.fromCharCode((c >> 6) | 192);<br />
utftext += String.fromCharCode((c & 63) | 128);<br />
}<br />
else {<br />
utftext += String.fromCharCode((c >> 12) | 224);<br />
utftext += String.fromCharCode(((c >> 6) & 63) | 128);<br />
utftext += String.fromCharCode((c & 63) | 128);<br />
}<br />
}<br />
return utftext;<br />
}<br />
function binb2hex (binarray) {<br />
var hex_tab = hexcase ? « 0123456789ABCDEF » : « 0123456789abcdef »<br />
, str = « »;<br />
for(var i = 0; i < binarray.length * 4; i++) { str += hex_tab.charAt((binarray[i>>2] >> ((3 – i%4)*8+4)) & 0xF) +<br />
hex_tab.charAt((binarray[i>>2] >> ((3 – i%4)*8 )) & 0xF);<br />
}<br />
return str;<br />
}<br />
s = Utf8Encode(s);<br />
return binb2hex(core_sha256(str2binb(s), s.length * chrsz));<br />
};</p>
<p> jafo._saveQueueLs = function(qData) {<br />
var argData = qData.slice(),<br />
tempObj = new Object();</p>
<p> if(jafo._isArr(argData)) {<br />
tempObj[jafo._.lsArrayName] = argData;</p>
<p> try {<br />
localStorage.setItem(jafo._.lsKeyName, JSON.stringify(tempObj));<br />
} catch(err) {<br />
return false;<br />
}</p>
<p> return argData;<br />
}<br />
};</p>
<p> jafo._schedPoll = function() {<br />
var remnant = jafo._getQueue();</p>
<p> if(jafo._.scheduled !== null && remnant.length) {<br />
jafo._.scheduled = setTimeout(jafo._pollQueue, jafo._.pollDelay);<br />
}</p>
<p> return jafo._.scheduled;<br />
};</p>
<p> jafo._sliceQueue = function(length) {<br />
if(jafo._.lsAvail) {<br />
return jafo._sliceQueueLs(length);<br />
}</p>
<p> return jafo._sliceQueueLegacy(length);<br />
};</p>
<p> jafo._sliceQueueLegacy = function(len) {<br />
var q = jafo._.legacyQueue,<br />
pxs = [],<br />
iter;</p>
<p> if(!isNaN(len) && jafo._isArr(q)) {<br />
for(iter = 0; iter < len; iter++) {
if(q.length) {
pxs.push(q.shift());
}
}
}
return pxs;
};
jafo.cookie = function(cookieName, cookieValue, expires ) {
var cookArr = new String(document.cookie).split( /; ?/ ),
cookObj = new Object(),
newStr = null,
cookieName = cookieName.trim();
if ( this.isString(cookieName) && ( typeof(cookieValue) != ‘undefined’ ) ) {
if ( !this.isString(expires) ) {
expires = new Date( new Date().getTime() + parseInt( 1000*60*60*24*365 ) ).toGMTString();
}
newStr = cookieName + ‘=’ + escape(cookieValue) + ‘;expires=’ + expires +
‘;domain=.’ + window.location.host + ‘;path=/’;
if ( document.cookie = newStr ) {
return jafo.cookie( cookieName );
};
} else {
for ( var cookie in cookArr ) {
if ( typeof(cookArr[cookie].match) == ‘function’ ) {
var kN = cookArr[cookie].match( /[^=]+/ )+”;
var kV;
if ( kN !== ” ) {
var reRex = new RegExp( ‘^’+kN+’=’ );
kV = unescape( cookArr[cookie].replace( reRex, ” ) );
}
cookObj[kN] = kV;
}
}
if ( cookieName === undefined ) {
return cookObj;
} else if ( this.isObject(cookObj) && this.isString(cookObj[cookieName]) ) {
return cookObj[cookieName];
}
}
return;
};
jafo._sliceQueueLs = function(len) {
var q = jafo._getQueue(),
pxs = [],
iter;
if(!isNaN(len) && jafo._isArr(q)) {
for(iter = 0; iter < len; iter++) {
if(q.length) {
pxs.push(q.shift());
}
}
jafo._saveQueueLs(q);
}
return pxs;
};
jafo.logAction = function(action) {
var data = jafo._mergeData(action);
if(typeof data === ‘object’) {
return jafo._queue(data);
}
return false;
};
jafo._.userDetails.UID = jafo.cookie(jafo._.uidCookie) || jafo._fp();
jafo.cookie(jafo._.uidCookie, jafo._.userDetails.UID, jafo._.cookieOpts.expires);
jafo._.lsAvail = jafo._canUseLs();
return jafo;
})();
(function() {
var images = {“count”:70,”images”:[{“hash”:”yv4Y7QR”,”title”:””,”description”:”Via: J\u00e1nos Csern\u00e1k”,”width”:650,”height”:674,”size”:80337,”ext”:”.jpg”,”animated”:false,”prefer_video”:false,”looping”:false,”datetime”:”2015-06-11 00:03:50″},{“hash”:”REcqw3r”,”title”:””,”description”:”Via: J\u00e1nos Csern\u00e1k”,”width”:600,”height”:585,”size”:60230,”ext”:”.jpg”,”animated”:false,”prefer_video”:false,”looping”:false,”datetime”:”2015-06-11 00:03:51″},{“hash”:”c7EMVyH”,”title”:””,”description”:”Via: J\u00e1nos Csern\u00e1k”,”width”:640,”height”:480,”size”:56873,”ext”:”.jpg”,”animated”:false,”prefer_video”:false,”looping”:false,”datetime”:”2015-06-11 00:03:53″},{“hash”:”vzjXl1P”,”title”:””,”description”:”Via: J\u00e1nos Csern\u00e1k”,”width”:493,”height”:960,”size”:87869,”ext”:”.jpg”,”animated”:false,”prefer_video”:false,”looping”:false,”datetime”:”2015-06-11 00:03:56″},{“hash”:”LWXGphm”,”title”:””,”description”:”Via: J\u00e1nos Csern\u00e1k”,”width”:630,”height”:419,”size”:45737,”ext”:”.jpg”,”animated”:false,”prefer_video”:false,”looping”:false,”datetime”:”2015-06-11 00:03:58″},{“hash”:”E2dv19B”,”title”:””,”description”:”Via: J\u00e1nos Csern\u00e1k”,”width”:630,”height”:418,”size”:37257,”ext”:”.jpg”,”animated”:false,”prefer_video”:false,”looping”:false,”datetime”:”2015-06-11 00:03:59″},{“hash”:”DqgKq6n”,”title”:””,”description”:”Via: J\u00e1nos Csern\u00e1k”,”width”:600,”height”:450,”size”:48751,”ext”:”.jpg”,”animated”:false,”prefer_video”:false,”looping”:false,”datetime”:”2015-06-11 00:04:00″},{“hash”:”DESaN6x”,”title”:””,”description”:”Via: J\u00e1nos Csern\u00e1k”,”width”:640,”height”:480,”size”:42617,”ext”:”.jpg”,”animated”:false,”prefer_video”:false,”looping”:false,”datetime”:”2015-06-11 00:04:02″},{“hash”:”TXF6Cn7″,”title”:””,”description”:”Via: J\u00e1nos Csern\u00e1k”,”width”:630,”height”:469,”size”:53937,”ext”:”.jpg”,”animated”:false,”prefer_video”:false,”looping”:false,”datetime”:”2015-06-11 00:04:03″},{“hash”:”pDtCTNN”,”title”:””,”description”:”Via: J\u00e1nos Csern\u00e1k”,”width”:600,”height”:450,”size”:59646,”ext”:”.jpg”,”animated”:false,”prefer_video”:false,”looping”:false,”datetime”:”2015-06-11 00:04:04″},{“hash”:”kuMfFGK”,”title”:””,”description”:”Via: J\u00e1nos Csern\u00e1k”,”width”:403,”height”:215,”size”:23284,”ext”:”.jpg”,”animated”:false,”prefer_video”:false,”looping”:false,”datetime”:”2015-06-11 00:04:05″},{“hash”:”wRy3B0b”,”title”:””,”description”:”Via: J\u00e1nos Csern\u00e1k”,”width”:600,”height”:439,”size”:62857,”ext”:”.jpg”,”animated”:false,”prefer_video”:false,”looping”:false,”datetime”:”2015-06-11 00:04:07″},{“hash”:”H9biuKq”,”title”:””,”description”:”Via: J\u00e1nos Csern\u00e1k”,”width”:600,”height”:400,”size”:45358,”ext”:”.jpg”,”animated”:false,”prefer_video”:false,”looping”:false,”datetime”:”2015-06-11 00:04:08″},{“hash”:”MQu2fsg”,”title”:””,”description”:”Via: J\u00e1nos Csern\u00e1k”,”width”:630,”height”:517,”size”:78524,”ext”:”.jpg”,”animated”:false,”prefer_video”:false,”looping”:false,”datetime”:”2015-06-11 00:04:09″},{“hash”:”BKK1UBG”,”title”:””,”description”:”Via: J\u00e1nos Csern\u00e1k”,”width”:600,”height”:399,”size”:35949,”ext”:”.jpg”,”animated”:false,”prefer_video”:false,”looping”:false,”datetime”:”2015-06-11 00:04:11″},{“hash”:”KygugB1″,”title”:”Comment faire dans le lien au bas de la photo “,”description”:”<a rel=\”noreferrer nofollow\” target=\”_blank\” href=\”http:\/\/www.trucsetbricolages.com\/comment-faire-un-mini-bar-exterieur-avec-presque-rien\”>http:\/\/www.trucsetbricolages.com\/comment-faire-un-mini-bar-exterieur-avec-presque-rien<\/a>\/ », »width »:600, »height »:803, »size »:58477, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:12″},{« hash »: »bCuYX0V », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:432, »height »:307, »size »:23933, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:13″},{« hash »: »6q2Qu3v », »title »: »Comment faire dans le lien au bas de la photo « , »description »: »<a rel=\”noreferrer nofollow\” target=\”_blank\” href=\”http:\/\/www.trucsetbricolages.com\/il-a-superpose-des-palettes-de-bois-et-ajoute-2-systemes-mecaniques-quand-vous-verrez-ce-quil-en-a-fait-vous-voudrez-vous-aussi-en-fabriquer-une\”>http:\/\/www.trucsetbricolages.com\/il-a-superpose-des-palettes-de-bois-et-ajoute-2-systemes-mecaniques-quand-vous-verrez-ce-quil-en-a-fait-vous-voudrez-vous-aussi-en-fabriquer-une<\/a>\/ », »width »:960, »height »:720, »size »:73123, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:14″},{« hash »: »APoNLfY », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:338, »height »:450, »size »:34754, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:16″},{« hash »: »kl7yzEl », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:600, »height »:800, »size »:79912, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:17″},{« hash »: »I7ubp9J », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:550, »height »:389, »size »:40153, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:18″},{« hash »: »3fkNSHo », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:700, »height »:525, »size »:49977, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:20″},{« hash »: »na068Gl », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:600, »height »:811, »size »:87736, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:21″},{« hash »: »pR0JCR1″, »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:536, »height »:668, »size »:60714, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:23″},{« hash »: »nErXRUx », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:600, »height »:802, »size »:71715, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:24″},{« hash »: »1VbMRvY », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:600, »height »:376, »size »:56161, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:26″},{« hash »: »ODsJ1Uk », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:640, »height »:477, »size »:57893, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:27″},{« hash »: »Ws3vLbz », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:630, »height »:613, »size »:106555, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:29″},{« hash »: »kL0sNgV », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:537, »height »:720, »size »:92426, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:31″},{« hash »: »Hf1NXQh », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:450, »height »:300, »size »:29270, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:33″},{« hash »: »NRis4DH », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:600, »height »:358, »size »:65437, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:35″},{« hash »: »opRuelh », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:630, »height »:839, »size »:140989, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:37″},{« hash »: »Ew5p5Uq », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:625, »height »:758, »size »:80960, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:38″},{« hash »: »VD6iwmt », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:800, »height »:523, »size »:106454, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:40″},{« hash »: »JuRbqhg », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:474, »height »:636, »size »:60246, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:42″},{« hash »: »QAzVPdD », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:600, »height »:517, »size »:68953, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:43″},{« hash »: »c8weEsy », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:600, »height »:750, »size »:101900, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:45″},{« hash »: »kDfQDJY », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:600, »height »:451, »size »:74156, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:46″},{« hash »: »Iv4Bkiw », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:603, »height »:409, »size »:59394, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:48″},{« hash »: »WWXdqf7″, »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:600, »height »:475, »size »:61797, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:49″},{« hash »: »nayr6br », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:700, »height »:747, »size »:51490, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:50″},{« hash »: »WHqgvSe », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:600, »height »:450, »size »:57245, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:52″},{« hash »: »D3kbdiL », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:640, »height »:480, »size »:56497, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:53″},{« hash »: »nI96BEF », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:480, »height »:360, »size »:30524, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:56″},{« hash »: »hwf8d5D », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:630, »height »:762, »size »:74146, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:57″},{« hash »: »8lR8okR », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:600, »height »:803, »size »:84676, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:04:59″},{« hash »: »ditq13q », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:640, »height »:480, »size »:42836, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:05:00″},{« hash »: »TzdcfnB », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:600, »height »:450, »size »:53799, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:05:02″},{« hash »: »dNQNyCb », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:640, »height »:775, »size »:57178, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:05:03″},{« hash »: »Rd09oq1″, »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:500, »height »:375, »size »:24234, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:05:04″},{« hash »: »tg5lTHe », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:600, »height »:732, »size »:79603, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:05:07″},{« hash »: »P7fAVs7″, »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:600, »height »:450, »size »:45839, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:05:08″},{« hash »: »zM5JkAX », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:600, »height »:450, »size »:54753, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:05:11″},{« hash »: »CDPbYe9″, »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:630, »height »:869, »size »:88359, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:05:12″},{« hash »: »n2e6Tnu », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:600, »height »:428, »size »:39408, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:05:14″},{« hash »: »c6ex1MX », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:630, »height »:719, »size »:104877, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:05:16″},{« hash »: »aqqd9B7″, »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:600, »height »:425, »size »:53688, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:05:17″},{« hash »: »du3Baxl », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:630, »height »:472, »size »:49578, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:05:19″},{« hash »: »uKgFCp7″, »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:800, »height »:522, »size »:64109, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:05:20″},{« hash »: »4op26h7″, »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:550, »height »:550, »size »:39295, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:05:21″},{« hash »: »GJjpwf0″, »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:450, »height »:876, »size »:51176, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:05:23″},{« hash »: »wLqvl28″, »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:600, »height »:630, »size »:60021, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:05:24″},{« hash »: »MMIARZL », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:640, »height »:480, »size »:43220, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:05:25″},{« hash »: »zRQss7D », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:600, »height »:904, »size »:85434, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:05:27″},{« hash »: »WE5WkYU », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:960, »height »:720, »size »:101986, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:05:29″},{« hash »: »wqyXeqv », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:500, »height »:750, »size »:38135, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:05:30″},{« hash »: »3oLTn04″, »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:600, »height »:458, »size »:36674, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:05:33″},{« hash »: »3OWf9uf », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:700, »height »:525, »size »:76255, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:05:34″},{« hash »: »0HG6KBw », »title »: » », »description »: »Via: J\u00e1nos Csern\u00e1k », »width »:960, »height »:720, »size »:82953, »ext »: ».jpg », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:05:36″},{« hash »: »R1JLoJq », »title »: » », »description »: »<a rel=\”noreferrer nofollow\” target=\”_blank\” href=\”http:\/\/www.trucsetbricolages.com\/comment-fabriquer-un-coin-bar-ou-un-coin-jardinage-a-partir-de-palettes-de-bois\”>http:\/\/www.trucsetbricolages.com\/comment-fabriquer-un-coin-bar-ou-un-coin-jardinage-a-partir-de-palettes-de-bois<\/a>\/ », »width »:717, »height »:383, »size »:734385, »ext »: ».png », »animated »:false, »prefer_video »:false, »looping »:false, »datetime »: »2015-06-11 00:08:52″}]},<br />
albumHash = ‘H6cpt’,<br />
currentIndex = 0,<br />
cdnUrl = ‘//i.imgur.com’,<br />
host = ‘imgur.com’,<br />
albumUrl = ‘//imgur.com/’ + ‘a’ + ‘/H6cpt’,<br />
d = document,<br />
bodyPadding = 16,<br />
parent = window.parent === window.top ? window.top : window.parent,<br />
minHeight = 200,<br />
underImagePadding = 24,<br />
androidLink = ‘https://play.google.com/store/apps/details?id=com.imgur.mobile’,<br />
appleLink = ‘https://imgur.com/apps’,<br />
maxWidth, maxImageWidth, message, $prev, $next, $currentImage, $imageElement, $videoContainer, $titleContainer,<br />
$videoElement, $imageTitle, $imageDesc, $nav, $imageLink, $nextHover, $prevHover, $readMore, $readMoreWrapper;</p>
<p> window.gifvViewer = function(videoItem) {<br />
var removeLoader, onVideoErrorError, hideControls, hideLoader, onVideoError, setDimensions;<br />
var me = d.getElementById(‘video-elements’);<br />
setDimensions = function(el, video) {<br />
var containerWidth = $image.offsetWidth;</p>
<p> if(videoItem.width >= containerWidth) {<br />
var ratio = containerWidth/videoItem.width;</p>
<p> el.style.width = containerWidth+’px’;<br />
el.style.height = videoItem.height*ratio+’px’;<br />
}<br />
};</p>
<p> onVideoError = function(video, object) {<br />
if(videoItem.size < 1024*1024*20) {
var img = new Image();
img.src = videoItem.gifUrl;
setDimensions(img, video);
video.parentNode.insertBefore(img, video);
} else if(object && video.parentNode) {
video.parentNode.insertBefore(object, video);
}
video.setAttribute(‘style’, ‘display: none’);
};
if(me && me.previousElementSibling) {
var cur = me,
object = null,
video = null,
progress = null,
videoElements = null;
do {
var tagName = cur.tagName && cur.tagName.toLowerCase();
if(tagName === ‘video’) {
video = cur;
break;
} else if(cur.getAttribute(‘class’) == ‘video-elements’) {
videoElements = cur;
} else if(tagName === ‘progress’) {
progress = cur;
}
} while ((cur = cur.previousElementSibling) != null);
if(!video || !videoElements) { return; }
for(var i = 0; i < videoElements.childNodes.length; i++) { if(videoElements.childNodes[i].tagName && videoElements.childNodes[i].tagName.toLowerCase() === ‘object’) { object = videoElements.childNodes[i]; break; } } setDimensions(video); video.controls = true; if(videoItem.looping || typeof videoItem.looping == ‘undefined’) { video.loop = false; video.addEventListener(‘ended’, function() { video.currentTime = 0; video.play(); }, false); } hideLoader = function() { video.controls = false; }; hideControls = function() { if(video.controls) { video.controls = false; } }; video.addEventListener(‘loadedmetadata’, hideLoader); video.addEventListener(‘play’, hideLoader); video.addEventListener(‘playing’, hideLoader); video.addEventListener(‘playing’, hideControls); removeLoader = function() { video.removeEventListener(‘loadedmetadata’, hideLoader); video.removeEventListener(‘play’, hideLoader); video.removeEventListener(‘playing’, hideLoader); video.removeEventListener(‘canplaythrough’, removeLoader); video.removeEventListener(‘error’, onVideoErrorError); }; video.addEventListener(‘canplaythrough’, removeLoader); onVideoErrorError = function() { onVideoError(video, object); }; //IE doesn’t listen for errors on sources video.addEventListener(‘error’, onVideoErrorError); if(progress) { video.addEventListener(‘progress’, function(e) { try { if(e.target.buffered.length > 0) {<br />
var percent = Math.round((e.target.buffered.end(0) / e.target.duration) * 100);<br />
progress.setAttribute(‘value’, percent);</p>
<p> if(percent >= 100) {<br />
progress.remove();<br />
progress = null;<br />
}<br />
}<br />
} catch(e) {<br />
}<br />
});<br />
}</p>
<p> video.innerHTML = videoElements.innerHTML;<br />
video.play();</p>
<p> var sources = video.querySelectorAll(‘source’);</p>
<p> //IE9 doesn’t work with dynamic source elements, must set video<br />
if(sources.length) {<br />
sources[sources.length-1].addEventListener(‘error’, function() {<br />
onVideoError(video, object);<br />
});<br />
} else {<br />
video.src = videoItem.gifUrl.replace(‘.gif’, ‘.mp4’);<br />
}<br />
if(videoItem.width > maxImageWidth || videoItem.height > $image.offsetHeight) {<br />
$videoElement.className += ‘ scale-video-element’;<br />
}</p>
<p> $image.className = ‘image’;<br />
me.parentNode.removeChild(videoElements);</p>
<p> }<br />
};</p>
<p> var createVideo = function(image) {<br />
var newVideoElement = d.createElement(‘video’),<br />
newVideoMeta = d.createElement(‘div’),<br />
sourceMP4 = d.createElement(‘source’),<br />
videoObject = d.createElement(‘object’);<br />
params = {<br />
movie : ‘//s.imgur.com/include/flash/gifplayer.swf?1444772065&imgur_video=http:’ + cdnUrl + ‘/’ + image.hash + ‘.mp4&imgur_width=’ + image.width +’&imgur_height=’ + image.height,<br />
allowscriptaccess : ‘never’,<br />
flashvars : ‘height=’ + image.height + ‘&width=’ + image.width,<br />
width : image.width,<br />
height : image.height,<br />
version : ‘0’,<br />
scale : ‘scale’,<br />
salign : ‘tl’,<br />
wmode : ‘opaque’<br />
};</p>
<p> while ($videoContainer.hasChildNodes()) {<br />
$videoContainer.removeChild($videoContainer.firstChild);<br />
}</p>
<p> newVideoMeta.className = ‘video-elements’;<br />
newVideoMeta.id = ‘video-elements’;<br />
newVideoElement.className = ‘post video-post’;<br />
newVideoElement.id = ‘video-element’;<br />
newVideoElement.poster = cdnUrl + ‘/’ + image.hash + ‘h.jpg’;<br />
newVideoElement.preload = ‘auto’;<br />
newVideoElement.setAttribute(‘muted’, ‘muted’);<br />
newVideoElement.setAttribute(‘loop’, ‘loop’);<br />
newVideoElement.setAttribute(‘webkit-playsinline’, »);<br />
sourceMP4.type = ‘video/mp4’;<br />
sourceMP4.src = cdnUrl + ‘/’ + image.hash + ‘.mp4’;<br />
videoObject.style.width = image.width + ‘px’;<br />
videoObject.style.height = image.height + ‘px’;<br />
videoObject.data = params.movie + ‘&imgur_url=’;<br />
for(var param in params) {<br />
var paramElement = d.createElement(‘param’);<br />
paramElement.name = param;<br />
paramElement.value = params[param];<br />
videoObject.appendChild(paramElement);<br />
}</p>
<p> if(!window.is_ie_9) {<br />
videoObject.type = ‘application/x-shockwave-flash’;<br />
sourceWebm = d.createElement(‘source’),<br />
sourceWebm.type = ‘video/webm’;<br />
sourceWebm.src = cdnUrl + ‘/’ + image.hash + ‘.webm’;<br />
newVideoMeta.appendChild(sourceWebm);<br />
}</p>
<p> newVideoMeta.appendChild(sourceMP4);<br />
newVideoMeta.appendChild(videoObject);<br />
$videoContainer.innerHTML = $videoContainer.innerHTML + newVideoElement.outerHTML + newVideoMeta.outerHTML;</p>
<p> var videoItem = {<br />
looping: image.looping ? true: false,<br />
width: image.width,<br />
height: image.height,<br />
size: image.size,<br />
gifUrl: cdnUrl + ‘/’ + image.hash + ‘.gif’,<br />
hash: image.hash<br />
};</p>
<p> $imageElement.className += ‘ hide’;<br />
$videoContainer.className = ‘video-container’;<br />
$videoElement = newVideoElement;</p>
<p> window.gifvViewer(videoItem);</p>
<p> };</p>
<p> var addReadMore = function(description) {<br />
var maxWidth = (parseInt($image.style.width, 10) – 23) * 0.74;<br />
$imageDesc.innerHTML = description || ‘ ‘;<br />
if($imageDesc.scrollWidth > maxWidth) {<br />
$readMoreWrapper.className = ‘read-more-wrapper’;<br />
$readMore.href = albumUrl + ‘#’ + images.images[currentIndex].hash;<br />
} else {<br />
$readMoreWrapper.className = ‘read-more-wrapper hide’;<br />
}<br />
};</p>
<p> var isGifv = function(image) {<br />
return image.ext == ‘.gif’ && image.animated && image.size > 2097152;<br />
};</p>
<p> var swapImage = function(nextImage, direction, location) {<br />
var $newImage, imgSrc;<br />
if($videoElement && $videoElement.pause) {<br />
$videoElement.pause();<br />
$videoElement.src = »;<br />
}<br />
if($imageDesc) {<br />
addReadMore(nextImage.description);<br />
$readMore.onclick = readMoreClickHandler;<br />
}<br />
if($imageTitle) {<br />
$imageTitle.innerHTML = nextImage.title || ‘ ‘;<br />
}<br />
$imageLink.href = albumUrl + ‘#’ + nextImage.hash;<br />
if(isGifv(nextImage)) {<br />
createVideo(nextImage);<br />
} else {<br />
//remove video<br />
while ($videoContainer.hasChildNodes()) {<br />
$videoContainer.removeChild($videoContainer.firstChild);<br />
}<br />
$videoContainer.className = ‘video-container hide’;</p>
<p> imgSrc = cdnUrl + ‘/’ + nextImage.hash + (nextImage.ext !== ‘.gif’ && (nextImage.width/nextImage.height > 0.33) ? ‘l’ : ») + nextImage.ext;<br />
if($imageElement.src.indexOf(imgSrc) === -1) {<br />
$newImage = d.createElement(‘img’);<br />
$newImage.src = imgSrc;<br />
$newImage.style.width = ‘auto’;<br />
$newImage.style.height = ‘auto’;<br />
if(nextImage.width > parseInt($image.style.width)) {<br />
$newImage.style[‘max-width’] = $image.style.width;<br />
}<br />
if(nextImage.height > parseInt($image.style.height)) {<br />
$newImage.style[‘max-height’] = $image.style.height;<br />
}</p>
<p> $imageElement.parentNode.replaceChild($newImage, $imageElement);<br />
$imageElement = $newImage;<br />
}</p>
<p> $image.className = ‘image’;</p>
<p> $imageElement.className = ‘post’;<br />
}</p>
<p> window.ImgurJafo.logAction({<br />
event: ’embedNav’,<br />
meta: {<br />
hash : ‘H6cpt’,<br />
buttonType : location,<br />
direction : direction<br />
}<br />
});</p>
<p> };</p>
<p> var nextClickHandler = function(location) {<br />
var nextImage;<br />
if(currentIndex < images.count – 1) {
$prev.className = ”;
$prevHover.className = ‘prev-hover hover’;
nextImage = images.images[++currentIndex];
swapImage(nextImage, ‘next’, location);
if($currentImage.innerText) {
$currentImage.innerText = currentIndex + 1;
} else {
$currentImage.textContent = currentIndex + 1;
}
if(currentIndex === images.count – 1) {
$next.innerHTML = ‘Restart <span class=”icon icon-retry”></span>‘;<br />
}<br />
} else if(currentIndex === images.count – 1) {<br />
//return to first image<br />
currentIndex = 0;<br />
nextImage = images.images[currentIndex];<br />
swapImage(nextImage, ‘restart’, location);<br />
if($currentImage.innerText) {<br />
$currentImage.innerText = 1;<br />
} else {<br />
$currentImage.textContent = 1;<br />
}<br />
$next.innerHTML = ‘Next <span class=”icon icon-arrow-right”></span>‘;<br />
$prev.className += ‘ disabled’;<br />
$prevHover.className += ‘ hide’;</p>
<p> }<br />
};</p>
<p> var prevClickHandler = function(location) {<br />
var prevImage;<br />
if(currentIndex > 0 && $prev.className === ») {<br />
$next.className = »;<br />
$next.innerHTML = ‘Next <span class=”icon icon-arrow-right”></span>‘;<br />
prevImage = images.images[–currentIndex];<br />
swapImage(prevImage, ‘prev’, location);<br />
if($currentImage.innerText) {<br />
$currentImage.innerText = currentIndex + 1;<br />
} else {<br />
$currentImage.textContent = currentIndex + 1;<br />
}<br />
if(currentIndex === 0) {<br />
$prev.className += ‘ disabled’;<br />
$prevHover.className += ‘ hide’;<br />
}<br />
}<br />
};<br />
var clickHandler = function(eventName, meta) {<br />
if (!meta) {<br />
meta = { };<br />
}</p>
<p> meta.hash = ‘H6cpt’;<br />
meta.platform = platform;</p>
<p> window.ImgurJafo.logAction({<br />
event: eventName,<br />
meta: meta<br />
});</p>
<p> };</p>
<p> var logoClickHandler = function() {<br />
clickHandler(’embedClickLogo’);<br />
};</p>
<p> var usernameClickHandler = function() {<br />
clickHandler(’embedClickUsername’);<br />
};</p>
<p> var readMoreClickHandler = function() {<br />
clickHandler(’embedClickReadMore’);<br />
};</p>
<p> var commentsClickHandler = function() {<br />
clickHandler(’embedClickComments’);<br />
};</p>
<p> var getAppMobileClickHandler = function() {<br />
clickHandler(‘appDownloadLink’, {<br />
embedPlatform: ‘mobileweb’<br />
});<br />
};</p>
<p> var getAppWebClickHandler = function() {<br />
clickHandler(‘appDownloadLink’, {<br />
embedPlatform: ‘web’<br />
});<br />
};</p>
<p> var stopEvent = function(e) {<br />
if(e && e.preventDefault) {<br />
e.preventDefault();<br />
} else {<br />
window.event.returnValue = false;<br />
}<br />
}</p>
<p> var nextHoverClickHandler = function(e) {<br />
stopEvent(e);<br />
nextClickHandler(‘hover’);<br />
};</p>
<p> var prevHoverClickHandler = function(e) {<br />
stopEvent(e);<br />
prevClickHandler(‘hover’);<br />
};<br />
var nextUnderImageClickHandler = function(e) {<br />
stopEvent(e);<br />
nextClickHandler(‘underImage’);<br />
};</p>
<p> var prevUnderImageClickHandler = function(e) {<br />
stopEvent(e);<br />
prevClickHandler(‘underImage’);<br />
};</p>
<p> var imageClickHandler = function(e) {<br />
var target = e ? e.target : window.event.srcElement;<br />
if(e &&<br />
target &&<br />
target.className !== ‘icon hover-icon icon-arrow-right’ &&<br />
target.className !== ‘icon hover-icon icon-arrow-left’) {<br />
window.ImgurJafo.logAction({<br />
event: ’embedClickImage’,<br />
meta: {<br />
hash: ‘H6cpt’,<br />
currentIndex: currentIndex,<br />
imageHash: images.images[currentIndex].hash<br />
}<br />
});<br />
}</p>
<p> };</p>
<p> var scaleHeight = function(height1, width1, width2) {<br />
return ((height1 / width1) * width2);<br />
};</p>
<p> window.onload = function() {<br />
$titleContainer = d.getElementById(‘title-container’);<br />
$nav = d.getElementById(‘nav’);<br />
$image = d.getElementById(‘image’);<br />
$prev = d.getElementById(‘prev’);<br />
$next = d.getElementById(‘next’);<br />
$nextHover = d.getElementById(‘next-hover’);<br />
$prevHover = d.getElementById(‘prev-hover’);<br />
$currentImage = d.getElementById(‘current-image’);<br />
$imageElement = d.getElementById(‘image-element’);<br />
$videoContainer = d.getElementById(‘video-container’);<br />
$imageDesc = d.getElementById(‘image-description’);<br />
$imageTitle = d.getElementById(‘image-title’);<br />
$imageLink = d.getElementById(‘image-link’);<br />
$underImage = d.getElementById(‘under-image’);<br />
$logo = d.getElementById(‘logo-container’);<br />
$username = d.getElementById(‘username’);<br />
$comments = d.getElementById(‘comments’);<br />
$readMore = d.getElementById(‘read-more’);<br />
$readMoreWrapper = d.getElementById(‘read-more-wrapper’);</p>
<p> function createLink(href, innerHTML, onclick, id) {<br />
var a = d.createElement(‘a’);<br />
a.href = href;<br />
a.innerHTML = innerHTML;<br />
a.onclick = onclick;<br />
a.setAttribute(‘id’, id);<br />
a.setAttribute(‘target’, ‘_blank’);<br />
return a;<br />
}</p>
<p> if (platform == ‘android’) {<br />
$titleContainer.insertBefore(createLink(androidLink, ‘Get the app <b>></b>‘, getAppMobileClickHandler, ‘app-get’), $titleContainer.firstChild);<br />
} else if (platform == ‘apple’) {<br />
$titleContainer.insertBefore(createLink(appleLink, ‘Get the app <b>></b>‘, getAppMobileClickHandler, ‘app-get’), $titleContainer.firstChild);<br />
} else if (platform == ‘windowsphone’) {<br />
} else {<br />
$titleContainer.insertBefore(createLink(androidLink, », getAppWebClickHandler, ‘app-android’), $titleContainer.firstChild);<br />
$titleContainer.insertBefore(createLink(appleLink, », getAppWebClickHandler, ‘app-apple’), $titleContainer.firstChild);<br />
}</p>
<p> $next.onclick = nextUnderImageClickHandler;<br />
$prev.onclick = prevUnderImageClickHandler;</p>
<p> $nextHover.onclick = nextHoverClickHandler;<br />
$prevHover.onclick = prevHoverClickHandler;</p>
<p> $imageLink.onclick = imageClickHandler;<br />
$logo.onclick = logoClickHandler;</p>
<p> if($username) {<br />
$username.onclick = usernameClickHandler;<br />
}<br />
if($comments) {<br />
$comments.onclick = commentsClickHandler;<br />
}<br />
maxWidth = d.body.parentElement.offsetWidth;<br />
maxImageWidth = maxWidth – 16;</p>
<p> var parent = window.parent === window.top ? window.top : window.parent,<br />
message, bodyHeight, underImageHeight;</p>
<p> if(images.images[0].width > maxImageWidth ) {<br />
$imageElement.style.width = $image.style.width = maxImageWidth + ‘px’;<br />
$imageElement.style.height = $image.style.height = scaleHeight(images.images[0].height, images.images[0].width, maxImageWidth) + ‘px’;<br />
} else {<br />
$imageElement.style.width = $image.style.width = images.images[0].width + ‘px’;<br />
$imageElement.style.height = $image.style.height = images.images[0].height + ‘px’;<br />
}<br />
//load video if neeeded<br />
if(isGifv(images.images[0])) {<br />
createVideo(images.images[0]);<br />
}</p>
<p> underImageHeight = $underImage.offsetHeight;</p>
<p> if($imageDesc === null && $imageTitle === null) {<br />
bodyPadding += 6;<br />
}</p>
<p> bodyHeight = Math.max(d.getElementById(‘content’).offsetHeight, minHeight);</p>
<p> $underImage.style.width = (maxWidth – 40) + ‘px’;</p>
<p> $image.style.height = $image.offsetHeight + ‘px’;<br />
$image.style.width = maxImageWidth + ‘px’;</p>
<p> if($imageDesc) {<br />
$readMore.onclick = readMoreClickHandler;<br />
addReadMore(images.images[0].description);<br />
}</p>
<p> if($imageTitle) {<br />
$imageTitle.innerHTML = images.images[0].title;<br />
}</p>
<p> message = JSON.stringify({<br />
message : ‘resize_imgur’,<br />
href : window.location.href,<br />
height : bodyHeight,<br />
width : d.documentElement.clientWidth,<br />
context : true<br />
});</p>
<p> parent.postMessage(message,’*’);</p>
<p> window.ImgurJafo._sessionStart();<br />
window.ImgurJafo.logAction({<br />
event: ‘item’,<br />
meta: {<br />
hash: ‘H6cpt’,<br />
isAlbum: true,<br />
context: true<br />
}<br />
});</p>
<p> };<br />
})(); </p>
<p></head> <body></body></p>
<div id=”content”>
<div id=”title-container”>
<p><a href=”https://imgur.com/apps” id=”app-apple” target=”_blank”></a><a href=”https://play.google.com/store/apps/details?id=com.imgur.mobile” id=”app-android” target=”_blank”></a></p>
</div>
<div class=”embed-main-image”>
<div class=”panel”>
<p> <a id=”image-link” class=”image-link” href=”//imgur.com/a/H6cpt#yv4Y7QR” target=”_blank”></a></p>
<div id=”image” class=”image” style=”width: 524px; height: 543px;”>
<div id=”prev-hover” class=”prev-hover hover hide”><span class=”icon hover-icon icon-arrow-left”></span></div>
<div id=”next-hover” class=”next-hover hover”><span class=”icon hover-icon icon-arrow-right”></span></div>
<p><img id=”image-element” class=”post ” src=”//i.imgur.com/yv4Y7QRl.jpg” style=”width: 524px; height: 543.348px;” /></p>
<div id=”video-container” class=”video-container hide”></div>
</div>
</div>
<ul id=”nav” class=”nav”>
<li class=”arrow”>
<a id=”prev” class=”disabled”><span class=”icon icon-arrow-left”></span> Prev</a></li>
<li class=”counter”>
<span id=”current-image”>1</span><span>/70 images</span></li>
<li class=”arrow”>
<a id=”next”>Next <span class=”icon icon-arrow-right”></span></a></li>
</ul>
<div class=”under-image ” id=”under-image” style=”width: 500px;”>
<div class=”title-description”>
<div class=”description-wrapper clear-padding-bottom ptop-10″>
<span id=”image-description” class=”description”>Via: János Csernák</span><br />
<span id=”read-more-wrapper” class=”read-more-wrapper hide”><br />
<a class=”dark-grey-text bold” id=”read-more” href=”//imgur.com/a/H6cpt#yv4Y7QR'” target=”_blank”>Read More</a><br />
</span></div>
</div>
<div class=”base-nav”>
<p> <span class=”meta-attr”></span></p>
<p><a class=”grey-text” href=”//imgur.com/a/H6cpt” target=”_blank”>542,974 views</a><br />
<span class=”meta-attr”></span></p>
<p> </p>
<p><a href=”//imgur.com” id=”logo-container” class=”logo-container” target=”_blank”><img class=”logo” src=”//s.imgur.com/images/embed/logo.png” /></a></p>
</div>
</div>
</div>
</div>
<p> </p>
<p></html><br />
Source : trucs et bricolages