11486 sujets

JavaScript, DOM et API Web HTML5

Bonsoir,

Je viens de faire un carrousel avec le logiciel WowSliders que j'ai intégrer sur une page NVU. Le problème est que je n'arrive a faire fonctionner ce carrousel que sur Google Chrome et que sur Internet explorer les images ne s'affichent pas. J'ai cherché plusieurs solutions, notamment celle ou l'on change le doctype mais celle ci ne fonctionne pas non plus (voir problème: http://forum.alsacreations.com/topic-1-71625-1-Probleme-avec-le-doctype-et-le-carrousel.html)

Je viens donc à vous pour savoir ce que je dois changer, faire. Je vous transmet mon code source. Désoler si ce n'est pas la bonne colorisation syntaxique.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr">
<head>
  <title>Index.html</title>
  <meta http-equiv="content-type"
 content="text/html; charset=UTF-8" />
  <meta name="keywords"
 content="A la une, WOW Slider, jQuery Slider Caption, jQuery Slider Bar" />
<!-- Start WOWSlider.com HEAD section -->
  <link rel="stylesheet" type="text/css"
 href="engine/style.css" media="screen" />
  <style type="text/css">a#vlb{display:none}</style>
  <script type="text/javascript" src="engine/jquery.js"></script><!-- End WOWSlider.com HEAD section -->
</head>
<body
 style="color: rgb(0, 0, 0); background-color: rgb(255, 204, 51); margin-top: 20px; height: 529px; margin-left: 226px; width: 1496px;"
 alink="#ee0000" link="#0000ee" vlink="#551a8b">
<br />
<br />
<br />
<br />
<br />
<br />
<!-- Start WOWSlider.com BODY section -->
<div id="wowslider-container">
<div id="wowslider-images"><a href="#"><img
 src="data/images/adultes.jpg" alt="Adultes"
 title="Adultes" />Championnat adultes victoire</a>
<a href="#"><img
 src="data/images/poussins-benjamins_1re_%C3%A9quipe.jpg"
 alt="Poussins-Benjamins 1re &eacute;quipe"
 title="Poussins-Benjamins 1re &eacute;quipe" />Defaite </a>
<a href="#"><img
 src="data/images/poussins-benjamins_2nd_%C3%A9quipe.jpg"
 alt="Poussins-Benjamins 2nd &eacute;quipe"
 title="Poussins-Benjamins 2nd &eacute;quipe" />Nouvelle
&eacute;quipe Poussins-Benjamins
</a><a href="#"><img
 src="data/images/pr%C3%A9-poussins_1re_%C3%A9quipe.jpg"
 alt="Pr&eacute;-poussins 1re &eacute;quipe" title="Pr&eacute;-poussins 1re &eacute;quipe" />Demi-finale
Pr&eacute;-poussins victoire
</a><a href="#"><img
 src="data/images/pr%C3%A9-poussins_2nd_%C3%A9quipe.jpg"
 alt="Pr&eacute;-poussins 2nd &eacute;quipe" title="Pr&eacute;-poussins 2nd &eacute;quipe" />Nouvelle
&eacute;quipe Pr&eacute;-Poussins </a>
<a href="#"><img
 src="data/images/babys_1re_%C3%A9quipe.jpg"
 alt="Babys 1re &eacute;quipe" title="Babys 1re &eacute;quipe" />Nouveau
professeur pour les Babys 1re &eacute;quipe
</a><a href="#"><img
 src="data/images/babys_2nd_%C3%A9quipes.jpg"
 alt="Babys 2nd &eacute;quipes" title="Babys 2nd &eacute;quipes" />Nouvelle
&eacute;quipe Babys </a>
</div>
<a id="vlb" href="http://wowslider.com">jQuery
Slider Examples by WOWSlider.com v1.0.1</a> </div>
<script type="text/javascript" src="engine/script.js"></script>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<!-- End WOWSlider.com BODY section --><br />
<br />
<div style="text-align: center;"><br />
</div>
<br />
<br />
</body>
</html>




Merci d'avance de votre aide!!
PS: En ayant fait mon carrousel des fichiers comme "data" et "engine" se sont installé sur l'ordinateur, dans le fichier "engine" se trouve deux documents javascript et un document de feuille. Peut être que s'est la dedans qu'il faut que je travaille pour régler le problème de la comptabilité.

A l'aide!

Judith1706
Modifié par judith1706 (18 Apr 2014 - 19:17)
Bonjour,

Le site est-il en ligne? Parce que ce sera plus pratique d'analyser le carrousel directement sur ton site.
Sinon on va essayer quelques pistes Smiley smile