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 */
}
A voir également:
- Un broblème avec un slider
- Wow slider - Télécharger - Présentation
- Brobleme airis notebook kira - Forum Windows
- Probleme de slider - Forum HTML
- Décalage sur un Slider ou (Scrollbar) - Forum VB / VBA
- Slider Avant / Après - Forum Applis & Sites
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
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
je t'ai aussi signalé 2 erreur dans le css
display:hidden et display:relative ca n'existe pas donc efface ces lignes
tu te présente comme webmaster sur le site et tu ponds un display:relative; j'espère que tu fais juste pour un ami parce que si c'est ton métier et bien .....