zvolna zvětšit z malého obrázku na velký

Snažím se udělat webové stránky, kde by se z nabídky ukázek - rozměr cca 100/300 obrázek rychle zvětšil na velikost 300/900. Nedaří se mi udělat správný zápis v css, kde jsem jej měl připraven. Bohužel jsem přišel vlastním omylem o data. V html to nelze pozvolna měnit. Odkaz je v html daný a nejdou v něm dělat tyto běžné věci. Malé obrázky i zvětšené mám již hotové. Malé dám na pozadí, ale neumím zapsat odkaz na pozvolné zvětšení (1 sec.?) na velké a obráceně. Tedy zvětšit klikem a zmenšit klikem. Myslím, že toto v css lze provést, ale neumím to. Díky za pomoc

mimochodec:
<img src="prvni.jpg" onmouseover="this.src='druhy.jpg'" onmouseout="this.src='prvni.jpg'"> by mělo fungovat alespoň na změnu obrázku, ale nějak mi to nejde. Mám tam někde chybu. S lightboxem neumím dělat.