Wordpresste jquery çalışmadı

Merhaba arkadaşlar bir temayı psd to css yaptığımda , bir resmin üstüne geldiğinde 75 ten 150 ye büyüme kodu vermiştim jquery de.Çalışmıştı ancak bu kodu wordpress sisteminde yaptım olmadı.Jquery kodları ;


<script>
$(function(){
$("img.kanal").mouseover(function(){
$(this).stop().animate({
height:'90px',
width:'90px'
});
});
$("img.kanal").mouseleave(function(){
$(this).stop().animate({
height:'75px',
width:'75px'
});
});
});
</script>



wordpress kodları da bunlar ;

have_posts()) : $ibayram->the_post();?>
elseif( $thumbnail = get_post_meta($post->ID, 'resim', true) ){ ?>

zaten wp ile ilgilen bir webmaster bu kodların ID si 5 olan kategoriden 6 tane listelenmiş son konular olduğunu görür.Bir de resim özel alanıyla çekilmiş konu resimleri var.Bu özel alan resminin classs ına kanal verdim css kodları da burda;


/* KANALLAR */
#kanallar{width:990px;height:210px;background:url(resim/kanallar_ap.png) no-repeat 0px 140px;}
.kanal{float: left;margin:88px 25px 0px 10px;}
.kanal:active{opacity:0.7;filter:alpha(opacity=70);}
/* #KANALLAR */



bu kodlarda tv resminin üstüne gelindiğinde büyümüyor sorun ne acaba?

img.kanal diye class yapıp deneseniz. klasa resim width height değerleri verebilirsiniz. olmadı css scale ile yaparsınız.

olmadı malesef :S