Ordre des scripts ?

**antho2601** · 12/05/2010, 12h00

Bonjour,

J'ai un petit problème, j'ai beau chercher, je ne sais pas comment le résoudre.

Dans mon head j'ai plusieurs scripts, et le problème c'est que c'est seulement le dernier qui fonctionne. Ceux d'avant ne fonctionnent pas.

Par exemple, si sur la même page j'ai mon slide qui change mes images et en même temps curvy corner pour arrondir les bords, et bien ce sera celui placer en dernier dans le head qui fonctionne. Du coup c'est soit l'un soit l'autre.

Je ne comprends pas. Comment je peux faire pour qu'ils soient tous pris en compte, parce exemple la vous voyez ou j'ai noté  c'est le script pour le slide en page d'accueil. À cet endroit il ne fonctionne pas, car il est au début, mais par contre curvy corner fonctionne, car il est à la fin. Alors que si je mets mon slide tout en bas juste avant le body à la place de Curvy corner, et bien ça fonctionne, mais les autres script ne fonctionne plus donc je n'ai plus mes bords arrondis...

Est-ce que vous auriez une solution svp? merci beaucoup

Voici mon head :

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
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
<head>
	<title>HoBBy Live | Bienvenue</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <meta http-equiv="Content-Language" content="fr" />
        <meta http-equiv="Content-Script-Type" content="text/javascript" />
        <meta http-equiv="Content-Style-Type" content="text/css" />
        <meta name="DC.Language" scheme="RFC3066" content="fr" />
	<link rel="stylesheet" type="text/css" href="lib/css/style.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="lib/css/style_slide.css" />
 
 
    <!--SLIDE -->
<script type="text/javascript" src="lib/js/jquery.min.js" ></script>
<script type="text/javascript" src="lib/js/jquery-ui.min.js" ></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
	});
</script>
 
 
    <script src="lib/js/jquery-1.2.6.min.js" type="text/javascript"></script>
        <script src="lib/js/jquery.curvycorners.min.js" type="text/javascript"></script>
        <script src="lib/js/jquery.lightbox-0.3.js" type="text/javascript"></script>
        <script type="text/javascript">
		var mask2load = new Array();
		mask2load[2] = "lib/js/edge/masks/8bit/softedge.png";
		mask2load[5] = "lib/js/edge/masks/2bit/softedge.gif";
		</script> 
 
        <script type="text/javascript">
    $(function() {
        $('a.light').lightBox();
    });
    </script>
 
        <script type="text/javascript">
            $(function(){
			$('.curvy').corner({
			  tl: false,
			  tr: false,
			  bl: { radius: 16 },
			  br: { radius: 16 },
			  antiAlias: true,
			  autoPad: true,
			  validTags: ["div"] });
			});
		</script>
 
</head>

**danielhagnoul** · 14/05/2010, 20h38

Bonsoir.

Je vous suggère d'essayer ceci (voir les commentaires dans le code) :

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
26
27
<!-- Lib jquery quelle version !! Et plus bas on charge la version 1.2.6 totalement obsolète !!! -->
<script type="text/javascript" src="lib/js/jquery.min.js" ></script>
<script type="text/javascript" src="lib/js/jquery-ui.min.js" ></script>
<!-- <script type="text/javascript" src="lib/js/jquery-1.2.6.min.js"></script> -->
<script type="text/javascript" type="text/javascript" src="lib/js/jquery.curvycorners.min.js"></script>
<script type="text/javascript" src="lib/js/jquery.lightbox-0.3.js"></script>
<script type="text/javascript">
	var mask2load = new Array();
	mask2load[2] = "lib/js/edge/masks/8bit/softedge.png";
	mask2load[5] = "lib/js/edge/masks/2bit/softedge.gif";
 
	$(document).ready(function(){
		$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
 
		$('a.light').lightBox();
 
		$('.curvy').corner({
			tl: false,
			tr: false,
			bl: { radius: 16 },
			br: { radius: 16 },
			antiAlias: true,
			autoPad: true,
			validTags: ["div"]
		});
	});
</script>

Ordre des scripts ?

jQuery

Vue hybride

Discussions similaires

Partager

Partager