Změna velikosti písma

Drobečková navigace

CSS blog > Widget - výpis fotografií s popisky

Widget - výpis fotografií s popisky



Ukázka

Příklad widgetu s výpisem fotografií a jejich popisky.

 

HTML

<div class="slideshow">
    <div class="ipo-widget" data-widget="photo" data-widget-album="1" data-widget-source="3818900" data-widget-count="4">
       {{#content}}
          {{#data}}
             <div><img src="{{src}}" alt="{{alt}}" /> <span>{{alt}}</span></div>
          {{/data}}
       {{/content}}
       {{^content}} Žádná fotografie není k dispozici. {{/content}}
    </div>
</div>

 

A jak to bude po nastylování vypadat? Příkladem je animace na http://ukazky.antee.cz hned pod hlavičkou.


Komentáře


Žádné komentáře doposud nebyly přidány.

Přidat komentář

Vámi zadané osobní údaje budeme zpracovávat my a to pro možnost vám odpovědět. Bližší informace naleznete v zásadách zpracování osobních údajů.

Kalendář akcí

Po Út St Čt So Ne
26 27 28 29 30 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31 1 2 3 4 5 6