MertKoseoglu adlı üyeden alıntı
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.
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 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
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