Font-Awesome-Bild-Overlay

Ich bin derzeit die Erstellung einer Bildergalerie (mit Zurb Foundation Framework) und zeigen möchte das zoom-Symbol auf Bild schweben (wie in diesem Beispiel hier: http://codepen.io/Twikito/pen/Jeaub). Aber ich möchte das Symbol, um eine schriftart (Font-Awesome) - Symbol und nicht nur eine, sondern 3 einzelne anklickbare icons.. Wäre das möglich?

InformationsquelleAutor Paranoia | 2013-03-06
  1. 21

    Habe ich wieder ein quick-JSfiddle zusammen mit font-awesome. Die CSS gehackt zusammen, zeigt aber, was möglich ist. Es sollte Ihnen einen Ausgangspunkt, um zu Experimentieren.

    <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>

    Hinweis: Die JSfiddle oben verwendet " font-awesome.css extern aufgerufen von bootstrapcdn.com

    InformationsquelleAutor nickhar
Schreibe einen Kommentar