Şuraya bir bakabilir misiniz?
Şurdaki kodu html e aktarmaya çalıştım bir türlü çalışmadı: jsfiddle.net

HTML burda: pastebin.com

 

$(document).ready(function(){
<!--Böyle olması lazım çalışması için :) -->
$('#text').mouseenter(function(){
$('#pig').fadeIn();
}).mouseleave(function(){
$('#pig').fadeOut();
});
});

hayyam ara

saol valla oldu!
peki şurdaki mavi alanı nasıl daraltıp sadece kelimeyi kaplayacak şekilde kısaltabilirim? çünkü o bütün çizgi hizasına gelince resim çıkıyor. ben sadece kelimenin üstüne gelince resim çıkmasını istiyorum.

şurdan daha iyi anlarsın: snag.gy

jamiecim

#text{
<!-- genişlik verirsen sonuna kadar gitmez ya da işte bir div içine koyabilirsin-->
width:60px;
}

hayyam ara
1

mobil görünümden çık