Discussion :

[memel501]

Bonjour,

Mon problème va certainement vous paraître courant et peut être très simple (je ne suis pas une crack du javascript).
J'ai utilisé le script slideshow pour faire un diaporama photos. Il fonctionne à merveille sous safari, FF ou Chrome mais pas sous IE, j'ai cherché mais je ne vois pas ! ça m'énerve !
Pouvez-vous me donner un petit coup de main s'il vous plaît ?

Voici mon script :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<link rel="stylesheet" type="text/css" href="css/slideshow.css" media="screen" />
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/slideshow.js"></script>
<script type="text/javascript" src="js/slideshow.kenburns.js"></script>
<script type="text/javascript"> 
		//<![CDATA[
		window.addEvent('domready', function(){
			var data = {
				'20.jpg' : {thumbnail : '20.jpg'},
				'1.jpg': { thumbnail : '1.jpg'} , 
				'2.jpg': { thumbnail : '2.jpg'}, 
				'6.jpg' : {thumbnail : '6.jpg'},
				'7.jpg' : {thumbnail : '7.jpg'},
				'9.jpg' : {thumbnail : '9.jpg'},
				'10.jpg' : {thumbnail : '10.jpg'},
				'12.jpg' : {thumbnail : '12.jpg'},
				'13.jpg' : {thumbnail : '13.jpg'},
				'15.jpg' : {thumbnail : '15.jpg'},
				'17.jpg' : {thumbnail : '17.jpg'},
 
			};
			var myShow = new Slideshow.KenBurns('show', data, {delay : 2500,controller: true, height: 350,hu:'images/', thumbnails: true, width: 450,captions : true, pan: 100, zoom: [0, 25]});
		});
		//]]>
</script>

[SylvainPV]

Bonjour,

Sûrement domready qui n'est pas supporté par IE. Voilà une solution cross browser pour appeler une fonction lorsque le contenu de la page est chargé :
https://github.com/dperini/ContentLo...ntentloaded.js

[memel501]

Merci Sylvain PV !

Si je comprends, bien, je dois ajouter cette nouvelle fonction à mon script, c'est bien cela ? (Désolée, mais le javascript et moi ...)
Car j'ai essayé et ça ne marche pas encore.

[vermine]

Bonjour,

Sylvain, la notion de domready est implémentée ici par un framework. La compatibilité est fonctionnelle.

memel, quelle est la version d'IE et de MooTools ? Sais-tu mettre ta page en ligne et nous expliquer plus en détails le problème sous IE ?

[memel501]

Bonjour Vermine !

Ma page est visible ici :www.mp-folio.com/ferme-tour/photos.php
Le diaporama, visible sous Safari, FF, Chrome ou meme opera, n'est pas visible sous IE (toutes versions confondues : j'ai essayé sur 3 postes différents n'ayant pas les memes OS donc pas forcement les memes versions d'IE)

Merci,

[NoSmoking]

Bonjour,
supprimes la virgule en fin de cette ligne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

'17.jpg' : {thumbnail : '17.jpg'},

[memel501]

Bonjour NOSMOKING!
Merci beaucoup de ta réponse, c'est ok maintenant !
Il y a quand même encore un petit souci qu'on ne retrouve que sur IE () ...
Mes miniatures ne sont pas de la bonne taille (grande largeur, petite hauteur, elles sont toute aplaties) sous IE alors que sur les autres navigateurs c'est bon. D'autant plus que ma CSS défini bien les tailles des miniatures, pourquoi ne les prend-il pas en considération ? est ce une question de cache ?

[vermine]

Essayez de rajouter "px" à vos tailles. Mais donc ce ne sera plus du numérique mais une chaine de caractères : '300px'.

[memel501]

Merci Vermine mais non ce n'est pas ça, ça ne change pas le rendu sur IE ...
j'ai ajouté px dans les tailles de mon script seulement car dans ma css, tout était déjà en pixels.
(Du coup, j'ai remis mes tailles initiales car le fait de rajouter l'unité px annulait l'effet zoom ken burns.)

[vermine]

Je crains que ce ne soit purement CSS. Vérifiez toujours dans vos JavaScript si les styles sont modifiés à un endroit où un autre. Vérifiez également que la démo de ce slideshow fonctionne sous IE. Sinon, trouvez la différence entre l'exemple du slideshow et votre page.

[memel501]

Merci Vermine,
après avoir épluché la CSS, je ne vois toujours pas ... Je poursuis mes recherches tout de même.

Merci pour vos tuyaux !

[NoSmoking]

essaies de forcer la largeur des IMG en auto dans ton fichier http://www.mp-folio.com/ferme-tour/css/slideshow.css

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.slideshow-thumbnails img {
	display: block;
	height : 120px;
	width:auto; /* AJOUT */
}

[memel501]

Bravo !!! C'était ça !
Merci beaucoup beaucoup !!! C'est top !