Resmin Üstüne Sosyal medyada Paylaş Eklemek?

Demek istediğini tam anlamadım. Şimdi resim düşündüm. Normalde resmin uzerınde birsey yok. Üzerine gelınce sosyal medya ikonları gozuksun. Budur insallah. Acele yazdım birseyler denemeye fırsatım olmadı ama olması gerek.
jQuery ile yazdım ben.
<script></script>


<script>
$(document).ready(function(){
/*Sabitler*/
var gizle = $('.sosyal');
var nesne = $('.resim');
$(gizle).hide();
/*Hover Fonksiyonu*/
$(nesne).hover(function(mkoseoglu){$(gizle).show();},function(){$(gizle).hide();})
});
</script>

Sosyal medya ikonlarının oldugu div normalde gizli haldedir. Üzerine gelındıgınde gozukur. Sen bir dene önce anlamadıgın yer var ise anlatırım.

bu da css dosyası


body { font-family: Arial; margin: 0 auto; }
.frk {position:relative; width:200px; height:70px;}
.frk span {display:none; position:absolute; top:50%; left:20%; width:200px; height:70px; margin:-25px 0 0 -25px; }
.frk:hover span {display:block;}


örnek görünüm

Kodları Nasıl ekleyebilceğim Konusunda Yardımcı olabilirmisin . Örner verdiğim resimde üstüne geldiğinde sosyal medya ikonları çıkıyor resme dikkat ettiyseniz?

Ek Olarak:


Bu uygulama sadece tek bir resim üzerinemi yoksa bütün resimler içinde uygulanabilirmi? Mantık uygulaması doğru ama istediğim ilk yazımda belirtiğim ve örnek verdiğim gibi olmasını istiyorum

.resim classına resmın classını sosyal classına da sosyal medya classlarını yazacaksın
ıcerıklerını whıle dongusu ıcınde bu sekılde cekersen tum resımlerınde olur arastırma yap bıraz

Arkadaşlar Kodları Buldum yanlız, Büyük harflerle SİTE ADRESİ ile belirtiğim Kodları Kaldırmam gerekiyor denedim, olumsuz sonuç oldum, Kodları kaynak görüntüleden aldığımdan dolayı, malum arkadaşın sitesi linkleme gözüküyor, bu Olayı Kendime Göre nasıl ayarlayabilir. Biliyorum basit bir çözümü var ama tam çözemedim :S

style="margin:-8px 0 0 -7px">

single.php de veya nerede uygulacaksanız o alanda resmi çekerken içerisindeki
;



kısmına kullandığınız temadaki resim kodunu yazmanız yeterli.. bu şekilde tüm resimler için geçerli olacaktır. aynı şekilde ... arasına da sosyal paylaşım ikonlarınızı ve paylaşım linklerini ekleyebilirsiniz.

resim eklemek için özel alan mı kullanıyorsunuz yoksa ilk resmi direk almak şeklinde mi kullanıyorsunuz thumbnail özelliği mi, onu bilemediğim için tam kodları yazamıyorum.

konu Günceliğini Korumakta arkadaşlar?