Comment ajouter une classe et avoir l'option pouce en une ligne avec slim

Question

J'ai ce code écrit en slim.

= link_to collaborator.user 
    = user_image_of collaborator.user.avatar, thumb: true, class: "ui avatar image carouselCollaboratorsImage" 

je reçois une erreur d'avoir, thumb: true et class: "ui~~~~" dans la même ligne. Comment puis-je éviter l'erreur et toujours réussir à ajouter class dans l'image tag?

Answer 1

Je pense que vous perdez «faire» après la première ligne. Essayez ceci:

= link_to collaborator.user do 
    = user_image_of collaborator.user.avatar, thumb: true, class: "ui avatar image carouselCollaboratorsImage" 

Mais je ne pense pas qu'il vous aidera. Peut-être essayer:

= link_to collaborator.user do 
    = user_image_of collaborator.user.avatar, thumb: true, input_html: { class: "ui avatar image carouselCollaboratorsImage" } 

Btw - Qu'est-ce que vous utilisez pour gérer les images? Si vous utilisez paperclip u peut essayer avec ceci:

= link_to collaborator.user do 
    =image_tag collaborator.user.avatar.url(:thumb), class: '...' 

Ou si u utilisez libellule essayer cette

= link_to collaborator.user do 
    =image_tag collaborator.user.avatar.thumb('100x100#').url, class: '...' 

Les options pour définir les options de pouce u peut trouver ici: ImageMagic Processors Guide