Police Génial Superposition D'Image

Je suis en train de créer une galerie d'image (à l'aide de Zurb Foundation en tant que Cadre) et que vous désirez afficher l'icône de zoom sur l'image hover (comme dans cet exemple ici: http://codepen.io/Twikito/pen/Jeaub). Mais je voudrais l'icône d'être une police de caractères (Font Awesome) icône et pas seulement un, mais 3 des icônes cliquables.. Serait-ce possible?

OriginalL'auteur Paranoia | 2013-03-06

  1. 21

    J'ai mis un rapide JSfiddle ensemble à l'aide de font-awesome. Le CSS est bidouillé, mais il montre ce qui est possible. Il devrait vous donner un point de départ à expérimenter.

    <a href="#" title="" class="image">
  <img src="http://www.lyricis.fr/wp-content/uploads/2010/04/kickass-film-still-01.jpg" alt="">
</a>

<div class="cn">
   <div class="inner">
      <a href="#zoom"><i class="icon-zoom-in large"></i></a>
      <a href="#download"><i class="icon-cloud-download large"></i></a>
      <a href="#comment"><i class="icon-comment large"></i></a>  
   </div>
</div>

    Remarque: Le JSfiddle ci-dessus utilise font-awesome.css appelé de l'extérieur de bootstrapcdn.com

    OriginalL'auteur nickhar