par
maxpimp » 25 août 2011, 14:29
Bonjour,
Je viens d'installer sur mon site un content slider Jquery pour ma page d'actualités.
Mon problème est que je n'arrive pas à insérer les actus PHP dans le content slider ! Il ne détecte que l'actu la plus récente mais il ne génère pas d'autre slide pour les suivantes.
Voici ma page de test, vous comprendrez :
http://www.gouvieux-basket-oise.org/2011/actustest.php
Voici mon code pour le module newsslider :
Code : Tout sélectionner
<?php
mysql_connect("***", "***", "***");
mysql_select_db("***");
// On récupère les dernières news
$retour = mysql_query('SELECT * FROM news20112012 ORDER BY id DESC LIMIT 0, 3');
while ($donnees = mysql_fetch_array($retour))
{
?>
<!--Début du Content Slider-->
<div id="two" class="contentslider">
<div class="cs_wrapper">
<div class="cs_slider">
<div class="cs_article">
<h2>
<?php
$titre =stripslashes($donnees['titre']);
echo $titre;
?>
</h2>
<a href="#">
<img src="ennuidesign/images/article01.jpg"
alt="****" />
</a>
<p>
<?php
// On enlève les éventuels antislash PUIS on crée les entrées en HTML (<br />)
$contenu =stripslashes($donnees['contenu']);
echo $contenu;
?>
</p>
</div>
<!-- End cs_article -->
<?php
} // Fin de la boucle des news
?>
</div><!-- End cs_slider -->
</div><!-- End cs_wrapper -->
</div><!-- End contentslider -->
<!-- Site JavaScript -->
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="ennuidesign/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="ennuidesign/js/jquery.ennui.contentslider.js"></script>
<script type="text/javascript">
$(function() {
$('#one').ContentSlider({
width : '900px',
height : '400px',
speed : 800,
easing : 'easeInOutBack'
});
});
$(function() {
$('#two').ContentSlider({
width : '600px',
height : '266px',
speed : 900,
easing : 'easeInOutBack',
textResize : true
});
});
</script>
<script src="ennuidesign/js/jquery.chili-2.2.js" type="text/javascript"></script>
<script src="ennuidesign/js/chili/recipes.js" type="text/javascript"></script>
Je voudrais donc pouvoir afficher 3 actus dans ce slider.
Merci pour votre aide !!!
Bonjour,
Je viens d'installer sur mon site un content slider Jquery pour ma page d'actualités.
Mon problème est que je n'arrive pas à insérer les actus PHP dans le content slider ! Il ne détecte que l'actu la plus récente mais il ne génère pas d'autre slide pour les suivantes.
Voici ma page de test, vous comprendrez :
[url]http://www.gouvieux-basket-oise.org/2011/actustest.php[/url]
Voici mon code pour le module newsslider :
[code]
<?php
mysql_connect("***", "***", "***");
mysql_select_db("***");
// On récupère les dernières news
$retour = mysql_query('SELECT * FROM news20112012 ORDER BY id DESC LIMIT 0, 3');
while ($donnees = mysql_fetch_array($retour))
{
?>
<!--Début du Content Slider-->
<div id="two" class="contentslider">
<div class="cs_wrapper">
<div class="cs_slider">
<div class="cs_article">
<h2>
<?php
$titre =stripslashes($donnees['titre']);
echo $titre;
?>
</h2>
<a href="#">
<img src="ennuidesign/images/article01.jpg"
alt="****" />
</a>
<p>
<?php
// On enlève les éventuels antislash PUIS on crée les entrées en HTML (<br />)
$contenu =stripslashes($donnees['contenu']);
echo $contenu;
?>
</p>
</div>
<!-- End cs_article -->
<?php
} // Fin de la boucle des news
?>
</div><!-- End cs_slider -->
</div><!-- End cs_wrapper -->
</div><!-- End contentslider -->
<!-- Site JavaScript -->
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="ennuidesign/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="ennuidesign/js/jquery.ennui.contentslider.js"></script>
<script type="text/javascript">
$(function() {
$('#one').ContentSlider({
width : '900px',
height : '400px',
speed : 800,
easing : 'easeInOutBack'
});
});
$(function() {
$('#two').ContentSlider({
width : '600px',
height : '266px',
speed : 900,
easing : 'easeInOutBack',
textResize : true
});
});
</script>
<script src="ennuidesign/js/jquery.chili-2.2.js" type="text/javascript"></script>
<script src="ennuidesign/js/chili/recipes.js" type="text/javascript"></script>[/code]
Je voudrais donc pouvoir afficher 3 actus dans ce slider.
Merci pour votre aide !!!