Javascript au dessus du html tout le temp ...

Fermé

bouffchidor95 Messages postés 30 Date d'inscription jeudi 7 juin 2012 Statut Membre Dernière intervention 11 avril 2013 - 19 févr. 2013 à 17:22
bouffchidor95 Messages postés 30 Date d'inscription jeudi 7 juin 2012 Statut Membre Dernière intervention 11 avril 2013 - 21 févr. 2013 à 10:10

Salut salut,

Alors mon problème à moi !
Et bien j'ai un premier bloc, qui est fait en html/css, qui reste constamment sous ma "slide show"( Fait en Javascript) ... Alors que j'aimerais l'inverse !
C'est à dire la "Slide show" En dessous de ce ***** de bloc html =p !

Je vous joint le code ainsi que le css :

<!DOCTYPE html>
<html>
	<head>		
		 <meta charset="utf-8" />
		 <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
		 <link rel="stylesheet" href="css/styletest.css" />	
		<script type="text/javascript" src="scripts/jquery.js"></script>
		<script type="text/javascript" src="scripts/jquery.slideshow.min.js"></script>
		 <title></title>
	</head>
	<body>
	<div id="o">	
		<center>
				<script type="text/javascript">
			jQuery.noConflict(); 		
			jQuery(document).ready(function() {
				jQuery('#slideshow').slideshow({
					timeout: 3900,
					type: 'random',
					pauselink: 'pause1',
					pausecallback: function(self){
						self.html('Play')
					},
					playcallback: function(self){
						self.html('Pause');
					}
				});
				jQuery('#slideshow2').slideshow({
					timeout: 3900,
						fadetime: 5000,
						type: 'sequence',
						pauselink: 'pause2'
					});
					});
				</script>
		<div id="slideshow">
				<img src="images/Banniere4.jpg" alt="" />
				<img src="images/Banniere5.jpg" alt="" />
				<img src="images/dome.jpg" alt="" />
		</div>
		<div  id="entete">
		</div>
		</center>
	</div>

</body>

Voila le css :

#slideshow, #slideshow2 {
	position: absolute;
	width: 940px;
	height: 226px;
	overflow: hidden;
}

#slideshow img, #slideshow2 img {
	position: absolute;
	left: 0;
	top: 0;
	width: 940px;
	height: 226px;
}

#entete{
	position:absolute;
	background:url('../images/entete.jpg');
	height:181px;
	width:940px;
	margin-top:-16px;
	border: solid white 1px;
	border-radius: 5px;
	box-shadow: 0px 4px 4px #1c1a19;
}
#o{
position:relative;
}

J'ai pris le soin faire une petite page, avec seulements les deux blocs concerné, afin que vous ne vous tartiniez pas tout ma page qui est légèrement plus long ><" .

J'ai constaté que lorsque je retire le code javascript la "slide show" vien se mettre en dessous de mon blocs, Mais seulement on peu plus appeler ca une slideshow puis-que les images ne change plus ....

j'attends une réponse avec impatience.
D'avance merci les amis !

A voir également:

Javascript au dessus du html tout le temp ...
Editeur html - Télécharger - HTML
Telecharger javascript - Télécharger - Langages
Core temp - Télécharger - Divers Utilitaires
Br html ✓ - Forum Webmastering
A javascript error occurred in the main process - Forum Matériel & Système

2 réponses

Réponse 1 / 2

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
21 févr. 2013 à 09:48

Réponse 2 / 2

bouffchidor95 Messages postés 30 Date d'inscription jeudi 7 juin 2012 Statut Membre Dernière intervention 11 avril 2013
21 févr. 2013 à 10:10

Pour commencer, merci de ta réponse Alain .

Effectivement j'avais pas fait attention pour le charset ^.^ .

Après la suppression du Jquery.noConflict , rien n'a changer . il se trouve toujours en dessous .

Puis j'ai remplacé les Jquery par des $.
Rien à faire il reste sur les autres blocs cette andouille de javascript =p .

D'autre idée les programmeurs?

Discussions similaires

Durée d'une diapositive animée