Efekt hover, powiększenie GK Music Free

[ksiadz]

Czy ktoś wie jaki zastosowali efekt w GK Music Free, http://demo.gavick.com/free/may2012/
Chodzi o efekt po najechaniu na obrazek?

[Jdwind]

-moz-transform: scale i rotate w CSS3 (dla firefoksa).

[ksiadz]

Z tym, że to zadziała wtedy tylko dla FF? a w tym przypadku jest prawie zgodne nawet z IE9 (brak płynności)

[Jdwind]

Ja Ci podałem styl dla firefoksa, bo takiej przeglądarki używam. Poszukaj o tym w google i znajdziesz odpowiedź, które przeglądarki to obsługują.

[ksiadz]

Dzięki, jeszcze nie wiem jak to zrobić, by obrazek powiększał się w obrębie ramki, ale dla potomnych: http://www.the-art-of-web.com/css/css-animation/

[Jdwind]

Poszukiwania właściwości CSS proponuję zacząć od TEJ strony.

[ksiadz]

Google wystaczy Szukanie czegoś czego nie wie jak się nazywa jest dość trudne. W tym przypadku nie wiem dokładnie czego szukać, by obrazek rotował w granicach ram swojego pierwotnego kształtu.

[Jdwind]

Div czy inny element, w którym masz fotkę daj overflow: hidden; i zostaje już tylko dać np.:

-moz-transform: scale(1.25) rotate(-7deg);

reszta opisana na powyższej stronie.

[ksiadz]

Dzięki wielkie, dobrze kombinowałem. Jednak dzięki Tobie zwróciłem uwagę, na to, że w joomli standardowo zdjęcie w artykule nie jest umieszczone w żadnym elemencie. Teraz muszę wymyślić jak zrobić, by w okół obrazka po dodaniu go do artykułu tworzył się automatycznie np div.

[ksiadz]

W wyżej wymienionym szablonie, efekt zaimplementowany jest dla modułu (więcej informacji tutaj: http://www.gavick.com/forums/topic.html?p=74273). Jaki plik jooml`i odpowiada za wyświetlanie obrazków w artykułach? Chciałbym ten efekt zastosować do każdego obrazka w artykułach. Czyli dodawać do każdego obrazka z automatu DIV, oraz odpowiednią klasę dla tych zdjęć. Czy jest możliwe, by coś takiego zapisać w szablonie tj w katalogu html szablonu?