Autor Zpráva
Supersonic
Profil
Zdravím! V galerii phg.cz/lucerny.html mám v css definovoanou vlastnosti pro elementy <a> a <img>
a.fancybox:hover img {
    position: relative;
    z-index: 999;
    transform: scale(1.03, 1.03);
}
a.fancybox img {
    border: medium none;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.6);
    transform: scale(1, 1);
    transition: all 0.2s ease-in-out 0s;
}
To by mělo mít spolu s javascriptem a HTML kódem (viz. zdroják výše zmíněného webu, asi by nebylo rozumné tady vše kopírovat) za následek hover efekt po najetí myši (malé zvětšení obrázku) a po kliku se zobrazí velký obrázek s popiskem dole.
Problém je, že toto převezmou všechny <img> na stránce to znamená včetně loga a malých ikonek vpravo nahoře, které samozřejmě potřebuji jako obrázkové odkazy.

Napadne prosím někoho, jak by se to dalo nějak elegantně "vypnout" jen pro logo a ikonky, aniž bych musel kopírovat vlastnosti a následně vytvářet nový styl a přepisovat nový název stylu postupně u každého z obrázků v galerii kromě loga a ikonek.

Přdem děkuji.
Trejpa
Profil
Supersonic:
Uprav si stávající styl tak, aby zahrnoval efekty jen pro ty odkazy a obrázky, o které máš zájem. Třeba selektorem potomka na jeden z použitých elementů, který je obaluje.

#content a.fancybox:hover img {
}
#content a.fancybox img {
}
anonymníí
Profil *
Supersonic:
A proč má logo a ikonky nahoře třídu fancybox?

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: