Bonjour,
Voilà j'aimerai faire un défilement grâce à un bouton.
Donc j'ai créer deux boutons (gauche, droite) et entre deux <ul></ul> mon texte qui s'affiche et lorsque j'appui sur le bouton sa change de texte en défilant..
Mon code pour que vous y voyez un peut plus clair:
J'utilise de javascript jquery.js et cycle.js
Code PHP :
<html>
<head>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="javascript/jquery.js"></script>
<script type="text/javascript" src="javascript/cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#categoryList').cycle({
fx: "scrollHorz",
prev: "#leftCategoryArrow",
next: "#rightCategoryArrow",
timeout: 0,
speed: 300,
});
});
</script>
</head>
<body bgcolor='white'>
// Bouton 1
<div class="left" style="padding-left: 15px;">
<img style="cursor:pointer;" id="leftCategoryArrow" src="gauche.png" />
</div>
// Les deux textes qui défile entre les balises <ul>
<ul id="categoryList" class="categories" style="float: left; height: 40px; width: 893px;">
<ul class="categories">
Texte 1
</ul>
<ul class="categories" style="display:none;">
Texte 2
</ul>
</ul>
// deuxiéme buton
<div class="right">
<img style="cursor:pointer;" id="rightCategoryArrow" src="droite.png" />
</div>
</body>
</html>Mon probléme, et que sa ne m'affiche pas tout mon texte exemple:
si a la place de 'TEXTE 1' j'aurais mis 5ligne de texte sa ne m'en aurais affiché que 2..
Le défilement marche mais j'aimerai que sa m'affiche tout ce qui ya entre les balises <ul>
merci de m'aider ^^