Submitted by Vince10 on
Bonjour,
J’essaie de mettre en place une galerie de photos pour des pages article. Le problème étant que ni avec jCarousel ni Views slideshow j'arrive à obtenir ce que je désire.
Avec Views slideshow les images se mettent les unes à côté des autres.
En ce qui concerne jCarousel j'obtiens bien le skin mais les photos ne défilent pas et j'ai des virgules qui s'insère.
Pourriez vous me dire où est mon erreur. J'ai joint des photos de l'ensemble des configurations misent en place.
Fichier attaché | Taille |
---|---|
diaporama_jcarousel.jpg | 55.22 Ko |
parametre_diaporama.jpg | 212.41 Ko |
parametre_jcarousel.jpg | 234.12 Ko |
Firebug (ou le browser)
Permalien Soumis par Numerizen le 30 Juillet, 2011 - 12:16
Firebug (ou le browser) indique-t-il des erreurs Javascript sur la page ?
Non il n’y a pas d’erreur
Permalien Soumis par Vince10 le 1 Août, 2011 - 11:57
Non il n'y a pas d'erreur Javascript sur la page.
Autre piste : les virgules
Permalien Soumis par Numerizen le 2 Août, 2011 - 08:01
Autre piste : les virgules dans le premier screenshot semblent indiquer que quelque chose ne va pas dans la conf de la view. Le champ photo est-il multivalue ?
Pour JCarousel, la bibliothèque est bien en place et chargée correctement ?
Peut-on avoir une URL pour voir ce qui se passe en vrai ?
Oui le champ photo est en
Permalien Soumis par Vince10 le 2 Août, 2011 - 09:55
Oui le champ photo est en multivalue et même en illimité.
En ce qui concerne le JCarousel j'ai ajouté ce code dans le head
<script type="text/javascript" src="<?php print base_path() . path_to_theme() ?>/jcarousel/lib/jquery.jcarousel.pack.js"></script>
<link rel="stylesheet" type="text/css" href="<?php print base_path() . path_to_theme() ?>/jcarousel/lib/jquery.jcarousel.css" />
<link rel="stylesheet" type="text/css" href="<?php print base_path() . path_to_theme() ?>/jcarousel/skins/tango/skin.css" />
<script type="text/javascript">
jQuery(document).ready(function() {
$("div.view-class-name").find("ul").attr("id","jcarousel");
$("#jcarousel").addClass("jcarousel-skin-tango");
$("#jcarousel").jcarousel({
vertical: true,
scroll: 1
});
});
</script>
Et voila l'URL : http://www.medaillesouvenir.com/prestashop1/node/32
ATTENTION problème de serveur page très longue à charger.
Il serait beaucoup plus
Permalien Soumis par Numerizen le 2 Août, 2011 - 10:02
Il serait beaucoup plus robuste et facile d'intégrer JCarousel avec le plugin Views ad hoc : http://drupal.org/project/jcarousel.
Par ailleurs, il faut faire attention avec la façon dont sont configurés les champs multivalue avec ce type de plugins. Il faut se débrouiller pour qu'ils ne retournent qu'une valeur ("display 1 value" dans Multiple field settings).