Carrousel d’articles
Article publié le lundi 18 août 2008 par Bernard Blazin
Mis à jour le jeudi 28 août 2008
La mode est aux carrousels d’images ! Mais un carrousel d’articles c’est pas mal non plus !
Ce petit plugin installé de manière habituelle permet d’afficher ce fameux carrousel d’articles avec La rubrique en haut, le titre (lien vers l’article) et un résumé de l’article.
Pour l’afficher c’est tout simple. Utilisez la balise #CAROUSEL_ARTICLE ou vous le souhaitez dans vos squelettes.
Afin de personnaliser ce carousel vous devrez sans doute retoucher le feuille de style qui est intégrée dans le plugin. Retouchez également le fichier carousel_article.html qui se trouve dans le dossier amande du même plugin car la boucle article est simplissime.
Vous pouvez voir le plugin en action ICI
Documents joints
Forum de l'article
Carrousel d’articles 26 octobre 2008, venant de inv75-4-88-165-236-196.fbx.proxad.net
Bonjour, merci pour ce plug-in vraiment très sympathique. Je l’ai essayé sur ce site qui me sert de test : http://www.location-sejour-voyage-guadeloupe.com/ Où dois-je intervenir pour n’avoir que quatre articles et non pas six ? Merci de votre aide.
Carrousel d’articles 26 octobre 2008, par Bernard Blazin
Bonjour,
Mais je pense que pour ce cas il faudra retoucher à la feuille de styles qui se trouve dans le plugin taille par défaut : 1000 px ; c’est un peu grand ! ![]()
Éventuellement mettre également un filtre dans la boucle article du modele.. En fait le nombre d’articles affichés n’est pas très important c’est ceux que l’on voit qui l’est ! Donc c’est bien la feuille de styles..
Carrousel d’articles 29 octobre 2008, par Gillou
Bonjour, Très beau plugin ! Ceci dit, j’ai un petit problème... j’affiche les articles 4 par 4 mais entre deux séries de 4, il m’en saute 2 à chaque fois... Pour prendre un exemple, je vois article 1, article 2, article 3 et article 4. Quand je clique sur la flèche, je vois article 7, article 8, article 9 et article 10 ! Les articles 5 et 6 n’ont jamais été visibles dans le carrousel... Si vous avez une idée du pourquoi du comment...
Merci
Carrousel d’articles 29 octobre 2008, par Bernard Blazin
Bonjour,
Oui j’ai déjà été confronté à ce problème mais je n’ai pas poussé plus avant.
Il semblerait néanmoins qu’il faille trouver la juste valeur ( le rapport exact) entre la taille des divs et des blocs dans la feuille de style afin de montrer l’ensemble des articles sans faire « glisser » quelques articles à la trappe.
Je vais un peu regarder de mon côté et si vous trouvez avant moi, merci d’indiquer la solution ici..
Bon courage..
Carrousel d’articles 29 octobre 2008, par Gillou
Trouvé !!
En fait, c’est dans le Javascript ! Fichier « carrousel_min.js » Il est écrit au début de la ligne 81 : « var toutsPerShow=6 » J’ai changé le 6 en 4 et tout est rentré dans l’ordre.
Ce code Javascript prévoit d’en afficher 6 à chaque fois. Comme j’avais laissé un bloc qui ne permettait d’en voir que 4 à la fois, les 2 suivants étaient bien présents mais pas visibles. D’où l’impression que le carrousel en sautait 2 à chaque fois.
Voilou
Carrousel d’articles : compatibilié 14 novembre 2008, venant de 172.19.0.21
bonjour
ce plugin est une trés bonne idée en effet.
par contre, j’ai un non fonctionnement : j’obtiens seulement la boucle au format classique (pas de css ni de js).
je suis sous spip 192e et j’ai les plugins cfg couteau-suisse agenda.
connaissez vous une incompatibilité ? merci
Carrousel d’articles 7 décembre 2008, par Xel’neggA
Site à visiter: http://www.univ-dz.com
Merci beaucoup pour ce plugin que je n’ai pas surement pas su utiliser parce qu’il m’affiche simplement la liste des articles. www.univ-dz.com
Merci de répondre vite parce que le site est déjà en marche ![]()
Carrousel d’articles 7 décembre 2008, par Xel’neggA
Site à visiter: Xel’neggA
Je me réponds moi même, il fallait inclure la page carrousel.css dans le head de ma page. ça a l’air de marcher.
Carrousel d’articles 7 décembre 2008, par Xel’neggA
Site à visiter: Xel’neggA
Bon ça a marché j’ai eu l’affichage souhaité mais l’effet carrousel n’y était pas (pas d’animation) donc j’ai fait appel aux fichiers .JS dans le head et là ça marche (c’est pas parfait mais ça marche) mais quelqu’un pourrait-il m’aider à comprendre (je ne suis pas sensé faire appel a toutes ces pages je croisn, non !). Merci.
Carrousel d’articles 14 décembre 2008, par Econo-Ecolo
Site à visiter: Econo-Ecolo
Pour ma part, cela n’affiche rien du tout. Que dois-je faire ? car je suis moins spécialiste que vous en matière de js... Merci. http://www.econo-ecolo.org/spip.php ?page=test
Carrousel d’articles 14 décembre 2008, par Bernard Blazin
Bonsoir, le lien m’entraine vers une page blanche.. Mais en retirant provisoirement :
<script type="text/javascript" src="/jquery.js"></script>
<script language="javascript" type="text/javascript"><!--
function retour( url )
{
history.go(-1);
}
function ouvrir()
{
var m =open("news_formulaire.php", "target", "toolbar=0, directories=0, status=0, menubar=0, width=380, height=160, scrollbars=0, location=0, resizable=0");
m.moveTo(550,0);
}
function fermer()
{
window.close();
}
//-->
</script>
du inc-head est ce que cela fonctionne ?
Carrousel d’articles 14 décembre 2008, par Bernard Blazin
il traine aussi dans test.html ceci :
<script type="text/javascript" src="/jquery.js"></script>
<style type="text/css" media="print">
.wg-maxheight {}
</style>
<style type="text/css" media="screen">
.wg-maxheight { height:100%; }
</style>A supprimer pour les essais.
Mais la question est : Est ce que la page fonctionne sans la balise carousel ? et êtes vous bien en 1.9.2 ?
Carrousel d’articles 15 décembre 2008, par Bernard Blazin
Arrf, je viens de voir que dans un caroussel j’avais laissé ceci :
<BOUCLE_art(ARTICLES){par date}{inverse}{tout_voir}{id_rubrique !==^(32|37|3|28|12|11|1|49)$}{id_secteur!=50}{tout}{0,30}>
<div class="vignette">
<div class="conteneur">
<BOUCLE_ru(RUBRIQUES){id_rubrique}{tout_voir}{id_rubrique !==^(32|37|3|28|12|11|1|49)$}{id_secteur!=50}{tout}> etc..Il faudrait regarder dans le dossier /amandes/ du plugin, si je n’ai pas oublié de supprimer les interdictions id_rubrique...
{id_rubrique !==^(32|37|3|28|12|11|1|49)$}
ainsi que le tout_voir d’accès restreint..
Carrousel d’articles 9 février 2009, par SPIP
Site à visiter: Question
Comment utiliser plusieurs carousel différents sur un même site ?
Carrousel d’articles 8 juillet 2009, par Letty
Site à visiter: Marche pas sous V2 ?
J’ai l’impression que le Plugin ne marche pas sous la version 2 de SPIP. En tout cas activé et mis dans le squelette tous mes liens sont bloqués et le carrousel n’apparaît pas...
Carrousel d’articles... scrolling auto ? 17 juin 2010, par François
Bonjour,
bravo pour ce plugins facile à installer et à configurer.
Je souhaiterais savoir si il est possible de faire en sorte que le défilement soit automatique, je veux dire sans avoir besoin de cliquer sur les flèches ?
J’imagine que cela se passe dans le fichiser js mais je ne vois pas ou placer cela ?
Merci d’avance et encore bravo !!!
François
