CSS
Code:
/*-- VERSION MOBILE --*/
.mobile_image { max-width:99% }
#mpage-body .postbody > .content > div { overflow:hidden }
/*-- FIN --*/
Javascript sur toutes les pages
Code:
$(function() {
var mode = 0;
/* -- Options -- */
// 0 : Montre toutes les images par défaut
// 1 : Montre les images uniquement au clic
if (!_userdata.page_desktop) return;
var a = document.getElementsByTagName('A'), i = 0, j = a.length,
showImage = function() {
if (/img_link/.test(this.className)) {
this.onclick = null;
this.removeAttribute('class');
this.innerHTML = '<img class="mobile_image" src="' + this.href + '" alt="' + this.innerHTML + '" />';
return false;
}
};
for (; i < j; i++) {
if (/img_link/.test(a[i].className)) {
switch (mode) {
case 0 :
a[i].removeAttribute('class');
a[i].innerHTML = '<img class="mobile_image" src="' + a[i].href + '" alt="' + a[i].innerHTML + '" />';
break;
case 1 :
a[i].onclick = showImage;
break;
default :
a[i].onclick = showImage;
break;
}
}
}
});