Javascript au dessus du html tout le temp ...
bouffchidor95
Messages postés
30
Date d'inscription
Statut
Membre
Dernière intervention
-
bouffchidor95 Messages postés 30 Date d'inscription Statut Membre Dernière intervention -
bouffchidor95 Messages postés 30 Date d'inscription Statut Membre Dernière intervention -
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 :
Voila le css :
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 !
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
- Core temp - Télécharger - Divers Utilitaires
- Telecharger javascript - Télécharger - Langages
- Impossible de créer le fichier de travail. vérifiez la variable d'environnement temp ✓ - Forum Word
- Espace html - Astuces et Solutions
2 réponses
<meta charset="utf-8" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
pas mal tu défini deux charset différents !
ensuite essayes en supprimant
jQuery.noConflict();
et en remplaçant jQuery par $ dans ta fonction
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
pas mal tu défini deux charset différents !
ensuite essayes en supprimant
jQuery.noConflict();
et en remplaçant jQuery par $ dans ta fonction
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?
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?
