2014-06-21 1 views
0

J'utilise la gemme colorbox-rails pour implémenter une lightbox pour une galerie de photos. Voici la documentation du plugin - http://www.jacklmoore.com/colorbox/colorbox-rails gem - Lightbox ouvre la page entière, pas seulement la photo. Comment puis-je corriger

Voici comment j'itérer sur les photos dans la vue:

<div id="photos"> 
    <% @photos.each do |photo| %> 
    <%= link_to (image_tag photo.image.url(:medium)), photo, rel: 'photos', data: { colorbox_static: true } %> 
    <% end %> 
</div> 

Lorsque je clique sur le lien de la photo, colorbox ouvre la page Web entière dans la lightbox. Je voudrais, bien sûr, seulement comme la photo d'être dans la visionneuse.

J'ai essayé d'écraser le chemin de la photo, mais cela n'a pas fonctionné.

Merci pour votre temps.

+0

Aucune idée concernant ce plugin mais il semblerait que votre JS cible la div avec et l'ID de #photos qui provoquerait ce comportement. Je regarderais vers la cible JavaScript – engineerDave

Répondre

1

Bien que je n'ai pas d'informations complètes, il semblerait que vous visiez le lien sur "photo" qui semble être le modèle. Donc vous appelez une URL qui pourrait ressembler à "photos/1". Vérifiez la source de la page via votre navigateur pour voir si vous avez une ligne qui ressemble à <a data-colorbox="true" href="/photos/1">. Ce que vous voulez cibler est probablement "photo.image.url". ce qui ferait de la cible la photo réelle plutôt que la page web où la photo se trouve. Alors peut-être <%= link_to (image_tag photo.image.url(:medium)), photo.image.url, rel: 'photos', data: { colorbox_static: true } %> pourrait faire l'affaire?

Questions connexes