I've this jquery code to set an image dynamicly.
$.when(bigImg.src = "images/sample_pictures/" + currentDay + ".jpg").done(function(){
setTimeout(
function(){
if($(".contentWrapper").ierWidth() < bigImg.width){
$.when(bigImg.width = $(".contentWrapper").ierWidth() - 10).done(function(){
$.when($("#bigImgDiv").css("visibility","visible")).done(function() {
$("#bigImgHeader").html(currentDay.split("_").pop() + ". " + december);
$("#bigImgImage").html('');
$.when($("#bigImgImage").append(bigImg)).done(function () {
$("#presentWrapper").toggle('fold', 3000);
});
});
});
}else{
$.when($("#bigImgDiv").css("visibility","visible")).done(function() {
$("#bigImgHeader").html(currentDay.split("_").pop() + ". " + december);
$("#bigImgImage").html('');
$("#bigImgImage").append(bigImg);
}).then($("#presentWrapper").toggle('fold', 3000));
}
}, 500);
});
I add the image in this div
<div id="day_21" class="door_small_closed nailthumb-container_day_21" >
<div id="day_21_numDiv" class="numberDoorClosed">21</div>
</div>
This works fine on Firefox an IE, but not on Chrome and Safari.
Firefoy and IE render the img like I expect it
<img src="/images/sample_pictures/day_21.jpg" title="21. Dezember" alt="21. Dezember">
but Chrome does it this way
<img alt="21. Dezember" title="21. Dezember" src="/images/sample_pictures/door_small_closed nailthumb-container_day_21.jpg">
Any ideas?
