Bonjour.
J'ai essayé d'examiner le code (par copier-coller) dans mon outil de travail, il refuse d'afficher le code, il est bourré d'erreurs :
1. il y deux tags <title>
2. il faut déclarer les styles (link et <styyle>)avant les scripts et il faut déclarer les scripts dans un certain ordre, certains ayant besoin d'autres pour fonctionner. Pour l'instant c'est l'anarchie.
3. j'ai vu deux appels au script collapsor.
4. si vous utiliser jQuery UI, il devrait y avoir un appel <link> pour charger la feuille de style UI, je ne la vois pas.
5. il faudra remettre de l'ordre dans tout cela
6. il y un script étrange :
1 2 3 4
|
$((function(){
$('ul li a').collapsor();
})); |
qui devrait s'écrire :
1 2 3 4
|
(function($){
$('ul li a').collapsor();
})(jQuery); |
6. dans le <style> les tags s'écrivent en minuscules pas UL LI
7. pas
window.onload = function () {
mais du jQuery
$(document).ready(function(){
Mon attention a été retenue par tellement de choses que je n'ai pas encore traqué l'erreur.
8. dans votre page on fait appel à jQuery au chargement de la page dans plusieurs endroits, il faudrait regrouper.
9. l'appel à la bibliothèque jQuery 1.3.2 ???
10. après avoir réduit le code à la zone concernée :
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
|
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>accueil abel franklin : tout pour être bien</title>
<style type="text/css" media="screen">
.sliderGallery {
background-Color: #f7f2de;
overflow: hidden;
padding: 10px;
height: 160px;
width: 750px;
position: relative;
}
.sliderGallery ul {
position: absolute;
list-style: none;
overflow: none;
white-space: nowrap;
padding: 0;
margin: 0;
}
.sliderGallery ul li {
display: inline;
}
</style>
<script type="text/javascript" src="../lib/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var container = $('div.sliderGallery');
var ul = $("div.sliderGallery > ul");
var itemsWidth = ul.innerWidth() - container.outerWidth();
});
</script>
</head>
<body>
<div class="sliderGallery">
<ul style="left: 0px;">
<li><img width="100" height="100" border="1" /></li>
</ul>
</div>
</body>
</html> |
je ne vois plus le problème.
Partager