[CSS][HTML]Problem z hover Opcje

[webświr]

Witam

Chciałbym wstawić obrazek który po najechaniu myszką zmieniłby swoje wymiary wykombinowałem coś takiego

[HTML] pobierz, plaintext 
<img src="katalog/orodlin.png" style="padding: 10px 5px 10px 5px;" width="200" height="150" "hover: width 853px height 547px;" ></style>
[HTML] pobierz, plaintext 

Niestety nie działa.

[maniana]

[HTML] pobierz, plaintext 
<style type="text/css">
.hoverImg:hover {
	width: 853px;
	height: 547px;
}
</style>
<img src="katalog/orodlin.png" style="padding: 10px 5px 10px 5px;" width="200" height="150" class="hoverImg" />
[HTML] pobierz, plaintext 

ale lepiej będzie zrobić to za pomocą JS.

[webświr]

Dzięki za rozwiązanie chociaż ostatecznie skorzystałem z dużo prostszej metody że też ja głupi wcześniej na to nie wpadłem (wyświetlenie po kliku)

[HTML] pobierz, plaintext 
<a href="katalog/orodlin.png">
[HTML] pobierz, plaintext