Dnes si ukážeme velmi jednoduchý kus jQuery kódu, který je však poměrně efektně schopen dodat dynamiku do jinak např. statické prezentace. Nejčastěji je používána změna průhlednosti u obrázků, kdy nejprve pomocí jQuery nastavíme výchozí průhlednost, resp. neprůhlednost (opacity) na 0.3 a následně skript při události hover spustí kód, který zanimuje průhlednost z výchozí hodnoty 0.3 na 1 (tedy na neprůhlednost) a následně při ukončení hoveru se průhlednost vrátí na zadanou hodnotu. Časový interval si samožrejmě můžete nastavit dle libosti.
Fotografie snídaně #ftg-1818 .tile .icon { color:#ffffff; }#ftg-1818 .ftg-items .loading-bar i { background:#666; }#ftg-1818 .ftg-items .loading-bar { background:#fff; }#ftg-1818 .tile .icon { font-size:12px; }#ftg-1818 .tile .icon { margin: -6px 0 0 -6px
projít na článekFarma Michael #ftg-3131 .tile .icon { color:#ffffff; }#ftg-3131 .ftg-items .loading-bar i { background:#666; }#ftg-3131 .ftg-items .loading-bar { background:#fff; }#ftg-3131 .tile .icon { font-size:12px; }#ftg-3131 .tile .icon { margin: -6px 0 0 -6px; }#f
projít na článekSnídaně Ukázka z focení snídaní pro hotelovou restauraci. #ftg-3030 .tile .icon { color:#ffffff; }#ftg-3030 .ftg-items .loading-bar i { background:#666; }#ftg-3030 .ftg-items .loading-bar { background:#fff; }#ftg-3030 .tile .icon { font-size:12px; }#ftg-3
projít na článekFocení interiérů firmy EMRIS. #ftg-1212 .tile .icon { color:#ffffff; }#ftg-1212 .ftg-items .loading-bar i { background:#666; }#ftg-1212 .ftg-items .loading-bar { background:#fff; }#ftg-1212 .tile .icon { font-size:12px; }#ftg-1212 .tile .icon { margin: -
projít na článekFocení interiérů v penzionu Malý Šišák #ftg-2020 .tile .icon { color:#ffffff; }#ftg-2020 .ftg-items .loading-bar i { background:#666; }#ftg-2020 .ftg-items .loading-bar { background:#fff; }#ftg-2020 .tile .icon { font-size:12px; }#ftg-2020 .tile .icon { m
projít na článek