Re !
j'ai mis en place un diaporama en javascript qui utilise cette propriété, mais le offsetWidth n'est pas appliqué la première fois sur le chargement d'une image, mais seulement lorsqu'on clique à nouveau (donc quand l'image est en cache).
function showTime() {
var anchors = document.getElementsByTagName('a');
for (var k=0;k<anchors.length;k++) {
if ( ((anchors[k].href.substr(anchors[k].href.length-3)) == "JPG") || ((anchors[k].href.substr(anchors[k].href.length-3)) == "jpg") || ((anchors[k].href.substr(anchors[k].href.length-3)) == "png")) {
anchors[k].href = 'javascript:showIt(\''+anchors[k].href+'\')';
}
}
}
function showIt(thisOne) {
sp = document.createElement('div');
sp.id = "displayer";
document.getElementsByTagName('body')[0].appendChild(sp);
var parag = document.createElement("img");
if (document.all) {
parag.src = thisOne;
parag.style.visibility = "hidden";
}
else {
parag.setAttribute("src", thisOne);
parag.setAttribute("style", "visibility:hidden;");
}
parag.id = 'overview';
document.getElementsByTagName("body")[0].insertBefore(parag, document.getElementsByTagName("body")[0].childNodes[0]);
document.getElementById('overview').style.margin = " 0 0 0 -"+ (document.getElementById('overview').offsetWidth/2) + "px";
document.getElementById('overview').style.visibility = "visible";
document.onclick = function () {
document.onclick = "";
the_div = document.getElementById('displayer');
the_div.parentNode.removeChild(the_div);
the_div = document.getElementById('overview');
the_div.parentNode.removeChild(the_div);
}
}
if (window.addEventListener) {
window.addEventListener('load', where_heading, false);
}
else if (window.attachEvent) {
window.attachEvent('onload', where_heading);
}
une idée ?
