class tanımlaması ile resim üzerine ikon ekleme ?

<a href="http://site.com/resim.jpg"><img class="alignnone size-thumbnail" src="http://site.com/resim-150x150.jpg" width="150" height="150"></a>

küçük resimlerin üzerine css "class" tanımlaması ile ikon eklemek mümkünmüdür ?

wordpress küçük resimlere otomatik olarak "size-thumbnail" class`ı ekliyor bunu temanın css dosyasına ekleyerak resim üzerinde değişiklik yapabiliyorum (border, padding vb.)

fakat asıl amacım bir zoom ikonu eklemek bir türlü yapamadım çözümü varmıdır ?

size-thumbnail diye bir tanım daha yaparsın (# ile değil . ile eklersin css'e), sonra bunu o koda id="size-thumbnail" olarak eklersin. Bu tanıma da bir arka plan ve konum değeri ayarlarsın.

Bana mantıklı geldi, bilmiyorum olur mu.

Teşekkürler fakat hazır kod için geçerli olacak bir şey olamazmı id eklemeden

Aynısını bende yapmak istiyorum ana sayfadaki thumbnail resimlerin üzerine gelince play tuşu ikonu gözükecek ?

Bunu Resmin üzerine geldiginde transparan 1 bg yaparak yapman mümkün.

Css kodları yapamadım işte, üzerine gelince ikon çıkacak ?

o bölümdeki html yapısını değiştirmeden yapmak pek mümkün değil gibi, js kullanarak yapabilirsin ama.

Bunu rollever image olarak düşünelim,

Video sitemiz var, anasayfada thumbnail video resimleri var üzerine gelince play ikonu çıkacak.

yada link olarak da düşünebiliriz, link - a link gibi.

??

kimse yapamıyor herhalde (: