| Re: Afficher les membres sur la page d'accueil avec carouselle |
Titre du sujet : Re: Afficher les membres sur la page d'accueil avec carouselle
par grosdunord sur 02/07/2010 20:45:09
bon je vient de faire un teste en local dans un block perso html et sa fonctionne le carousel
alors j'ai fait comme sa dans un block personnalisé en html j'ai mi ceci
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
<head>
<title>jCarousel Examples</title>
<link href="../style.css" rel="stylesheet" type="text/css" />
<!--
jQuery library
-->
<script type="text/javascript" src="../lib/jquery-1.4.2.min.js"></script>
<!--
jCarousel library
-->
<script type="text/javascript" src="../lib/jquery.jcarousel.min.js"></script>
<!--
jCarousel skin stylesheet
-->
<link rel="stylesheet" type="text/css" href="../skins/tango/skin.css" />
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel();
});
</script>
</head>
<body>
<div id="wrap">
<h1>jCarousel</h1>
<h2>Riding carousels with jQuery</h2>
<h3>Simple carousel</h3>
<p>
This is the most simple usage of the carousel with no configuration options.
</p>
<ul id="mycarousel" class="jcarousel-skin-tango">
<li><img src="uploads/<{$user.avatar}>" width="75" height="75" alt="" /></li>
<li><img src="uploads/<{$user.avatar}>" width="75" height="75" alt="" /></li>
<li><img src="uploads/<{$user.avatar}>" width="75" height="75" alt="" /></li>
<li><img src="uploads/<{$user.avatar}>" width="75" height="75" alt="" /></li>
<li><img src="uploads/<{$user.avatar}>" width="75" height="75" alt="" /></li>
<li><img src="uploads/<{$user.avatar}>" width="75" height="75" alt="" /></li>
<li><img src="uploads/<{$user.avatar}>" width="75" height="75" alt="" /></li>
<li><img src="uploads/<{$user.avatar}>" width="75" height="75" alt="" /></li>
<li><img src="uploads/<{$user.avatar}>" width="75" height="75" alt="" /></li>
<li><img src="uploads/<{$user.avatar}>" width="75" height="75" alt="" /></li>
<li><img src="uploads/<{$user.avatar}>" width="75" height="75" alt="" /></li>
</ul>
</div>
</body>
</html>
ensuite a la racine de mon théme j'ai mi les dossiers
images
thickbox
lib
skins
et le style.css du carousel que j'ai renomé en style2.css
et tu pourra t'apercevoir que sa fonction ensuite reste plus cas trouver la solution pour affiché les avatars des 10 dernier membres inscrit comme sur le block nouveau membres.
Voila j'espere t'avoir aider
|
|
