Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Yazı Üzerine Gelince Açılan Resim Kodu
#1
(12-24-2012, 08:10 PM)OnLiNe Nickli Kullanıcıdan Alıntı:  Bu kodu sitenizdeki Facebook ve Twitter sosyal ağlarını göstermek için hazırladım.
Ancak kodu farklı şekilde de kullanmak mümkündür.



Kod:
<!--Online Yazı Üzerine Gelince Açılan Resim Kodu Başlangıcı-->
<script  src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("a.online").mouseover(function() {;               $('#resimac').css("position","absolute").css("border","1px solid gray");
$("#resimac").html('<img src="'+$(this).attr("rel")+'">');}
).mouseout(function () {
$('#resimac').empty();}
).mousemove(function(e){                            
var x=e.pageX ;
var y=e.pageY ;              
$('#resimac').css("top", y+10);
$('#resimac').css("left", x-30);}
);
});
</script>  
<div id="online">
<a href="#" rel="http://icons.iconarchive.com/icons/ampeross/qetto/64/facebook-icon.png" class="online">Facebook</a>
<a href="#" rel="http://icons.iconarchive.com/icons/ampeross/qetto/64/twitter-icon.png" class="online">Twitter</a>
</div><br />
<div id="resimac"></div>  
<!--Online Yazı Üzerine Gelince Açılan Resim Kodu Bitişi-->

Kodumuzu Admin kp,Şablonlar ve İndex,İndeks'e girin {$header} kodunu silmeden üstüne yapıştırın ve kaydedin.

Canlı Demo

Demo Açılmıyor http://onizle.koddostu.com Sitesinden Deneyebilirsiniz.
Okyanusta batan gemidir yalnızlık,
Çok derinlerdedir gücün yetmez onu oradan çıkarmaya.
Kaybolup gider daha sonra.
Kendi kendine konuşmaktır yalnızlık...
Belkide en iyi tarafıdır bu
Kendini sorgularsın, bir kez olsun çekersin köşeye nefsini hayatı anlamaya çalışırsın.

Cevapla


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping