Un broblème avec un slider
salim_1305
Messages postés
70
Statut
Membre
-
salim_1305 Messages postés 70 Statut Membre -
salim_1305 Messages postés 70 Statut Membre -
Bonjour,
j'ai réaliser un site web dernièrment et j'ai un problem avec le slider jquery. dès fois il s'affiche correctement mais si tu actualise plusieur fois tu verras le problèmes ...
voila le site : www.gfb-dz.com
voila le code css et html
html
<div id="carousel">
<img src="Image/slider/4.jpg"/>
<img src="Image/slider/1.jpg"/>
<img src="Image/slider/2.jpg"/>
<img src="Image/slider/3.jpg"/>
<img src="Image/slider/vitrine.jpg"/>
</div>
css:
/*slider javascript*/
#carousel {
width:800px;
height:300px;
position:relative;
display:relative;
margin-left:130px;
margin-bottom:50px;
margin-top:50px;
}
#carousel img {
height:350px;
width:700px;
border: #06F solid 5px;
border-radius:10px;
display: hidden; /* hide images until carousel prepares them */
cursor: pointer; /* not needed if you wrap carousel items in links */
}
j'ai réaliser un site web dernièrment et j'ai un problem avec le slider jquery. dès fois il s'affiche correctement mais si tu actualise plusieur fois tu verras le problèmes ...
voila le site : www.gfb-dz.com
voila le code css et html
html
<div id="carousel">
<img src="Image/slider/4.jpg"/>
<img src="Image/slider/1.jpg"/>
<img src="Image/slider/2.jpg"/>
<img src="Image/slider/3.jpg"/>
<img src="Image/slider/vitrine.jpg"/>
</div>
css:
/*slider javascript*/
#carousel {
width:800px;
height:300px;
position:relative;
display:relative;
margin-left:130px;
margin-bottom:50px;
margin-top:50px;
}
#carousel img {
height:350px;
width:700px;
border: #06F solid 5px;
border-radius:10px;
display: hidden; /* hide images until carousel prepares them */
cursor: pointer; /* not needed if you wrap carousel items in links */
}
1 réponse
-
Bonjour
deja display:hidden et display:relative ca n'existe pas donc efface ces lignes
ensuite tu 2 fois le meme appel de fonction efface le premeir en gras dans ta page web
<script type="text/javascript">
$(document).ready(function() {
$("#carousel").waterwheelCarousel({
// include options like this:
// (use quotes only for string values, and no trailing comma after last option)
// option: value,
// option: value
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$("#carousel").waterwheelCarousel({
autoPlay: 5500,
edgeFadeEnabled: true
});
});</script>
fais tout ca et regarde si cela a réglé le problème
Un petit merci vaut mieux qu'une grande ignorance-
-
ca c'est bon les appels dans le head le carrousel et le jquery, mais fait comme j'ai dis et regarde
je t'ai aussi signalé 2 erreur dans le css
display:hidden et display:relative ca n'existe pas donc efface ces lignes -
-
ben je suis diplômé dans un domaine autre que l'informatique monsieur; je fait ça pour mon grand plaisir. ce forum est un moyen d'aide pas d'insulte!!! merci pour tes conseille accompagnée de vulgarité; ta besoin de faire des leçons d'éducation avant celles de l'informatique. ta mère n'a pas accoucher un savant , mais un ignorant comme tous les bébé du monde. pose tes pieds sur terre. et svp ne répond pas a ce commentaire !!!!
-
