| 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 Nikita sur 15/10/2010 23:31:00
Bonsoir Mateo
- Pour mettre le carousel , dans le bloc "Nouveaux membres", il faut mettre les fichiers css, js "style.css, jquery-1.4.2.min.js, jquery.jcarousel.min.js, skin.css" (dans l'emplacement indiqué ci-dessous),
- Il faut aussi mettre dans leur emplacement les images indiquées dans le skin.css, il faut indiquer le chemin complet, par exemple :
background: transparent url(http://localhost/xoops-2.4.5fr/js/next-horizontal.png) no-repeat 0 0;
- Dans le template modules/system/templates/blocks/system_block_newusers.html
<link href="<{$xoops_url}>/js/style.css" rel="stylesheet" type="text/css" />
<!--
jQuery library
-->
<script type="text/javascript" src="<{$xoops_url}>/js/jquery-1.4.2.min.js"></script>
<!--
jCarousel library
-->
<script type="text/javascript" src="<{$xoops_url}>/js/jquery.jcarousel.min.js"></script>
<!--
jCarousel skin stylesheet
-->
<link rel="stylesheet" type="text/css" href="<{$xoops_url}>/js/skin.css" />
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel();
});
</script>
<div id="wrap">
<ul id="mycarousel" class="jcarousel-skin-tango">
<{foreach item=user from=$block.users}>
<{if $user.avatar != ""}>
<li><img src="<{$user.avatar}>" width="75" height="75" alt="" /></li>
<{/if}>
<{/foreach}>
</ul>
</div>
voila un exemple d'intégration
|
|
