Modifier hauteur image sur IE8
Bonjour,
J'ai un probleme avec mon code javascript sous IE8. Il ne m'affiche pas l'image à la hauteur désirée.
Voici le code :
Code:
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
|
jQuery(function($){
var settings = {
imgViewerId: "viewer",
thumbListId: "thumbs",
place: "place",
activeClass: "active",
activeTitle: "Photo en cours de visualisation",
loaderTitle: "Chargement en cours",
loaderImage: "images/loader.gif"
};
var thumbLinks = $("#"+settings.thumbListId).find("a"),
firstThumbLink = thumbLinks.eq(0),
highlight = function(elt){
thumbLinks.removeClass(settings.activeClass).removeAttr("title");
elt.addClass(settings.activeClass).attr("title",settings.activeTitle);
},
loader = $(document.createElement("img")).attr({
alt: settings.loaderTitle,
title: settings.loaderTitle,
src: settings.loaderImage
});
highlight(firstThumbLink);
$("#"+settings.place).after(
$('p#viewer')
.append(
$(document.createElement("img")).attr({
alt: "",
height: "237px",
src: firstThumbLink.attr("href")
})
)
);
var imgViewer = $("#"+settings.imgViewerId),
bigPic = imgViewer.children("img");
thumbLinks
.click(function(e){
e.preventDefault();
var $this = $(this),
target = $this.attr("href");
if (bigPic.attr("src") == target) return;
highlight($this);
imgViewer.html(loader);
bigPic
.load(function(){
imgViewer.html($(this).fadeIn(250));
})
.attr("src",target);
});
}); |
La hauteur à 237 px est bien prise en compte sous IE9, Firefox... mais pas sous IE8. Si quelqu'un a une solution, ca m'arrangerait beaucoup car je ne suis pas une experte en javascript.
Par avance, merci.
