yav ben bi türlü yapamadım olmuyor! Eren Yardım edermisin

üstüne geldigimde tekrar resime donuyor

Çok teşekkürler Eren! :)

yav ben bi türlü yapamadım olmuyor! Eren Yardım edermisin Sanırım yardımcı oldum :)

Aslında daha mantıklı :) buraya kadar olan jQuery bilgimi senden öğrenmiştim bir şey daha öğrenmiş oldum Tayfun :)

İnternetteki kaynakları inceliyorum. Ayrıyeten temel bilgi için prototürk'ü tek geçerim.

Aslında buna güzel bir başlık uyduramadım ancak en mantıklı şekilde bu çıktı. Yapacağımız işlemi WMAraci.com'da Uğur Dalkıran arkadaşım sormuş. Bir resimin üzerine geldiğimizde resim solacak ve resmin ortasında bir arama ikonu görünecek. Olayın mantığı bu ve yapmaya başlayabiliriz artık. Not olarak söyleyeyim konunun altında videolu anlatım mevcuttur, eğer yazılı anlatımı anlamazsanız videoyu inceleyebilirsiniz. jQuery dosyalarını çağırmayı falan ilk derste anlatmıştım onun için geçiyorum. İlk olarak bir alan oluşturup içerisine resimimizi ve mouse ile üzerine geldiğimizde görünmesini istediğimiz alanı HTML ile yazıyoruz. Bunlara CSS ile şekil veriyoruz. img #alan . hover Geriye işin en güzel kısmı kaldı "jQuery". Aslında çok basit bir ama bilmek gerekiyor. Ben jQuery derslerinde daha. animate metoduna gelmedim ancak burada kullandım onun için burayı anlamayan arkadaşlar biraz araştırabilirler. $ . hover(function { $ . animate( ); $ . fadeIn ; }, function { $ . animate( ); $ . fadeOut ; }); Kodlarda önce resmimizin üzerine geldiğimizde "opacity" sini düşürdük ve. hover classımızı aktif ettik. Ardındanda mouse'umuzu üzerinden çektiğimizde bunların geri eski hala dönmesini sağladık. Mantık sadece bundan ibarek. Demo: jQuery ile Resme "Soldurma" Efect'i Verme İndir: jQuery ile Resme "Soldurma" Efect'i Verme dosyaları

aslında opacity yerine direk fadeTo metodu ile daha mantıklı bana kalırsa :)

Teşekkürler. Jquery'i nereden öğreniyorsun Eren?

o ikonun üzerine geldiğinizde tekrarlıyor. Orayı düzeltmeyi unuttum ama kendiniz yapabilirsiniz.