0
Kayıt Ol

Resmin üzerine gelince açılan kutu kodu veya eklenti lazım

4

●

689

  • 22-07-2014, 17:38:42
    #1
    byyakamoz
    byyakamoz
    merhaba arkadaşlar bir projemde 4 adet şubenin resmini indexe koymam ve resimlerin üzerine gelince bir kutu açılarak orada adres telefon bilgileri yer alması gerekiyor. Bunun için html / css kodu bileniniz varmı veya bunu halledebileceğim bir eklenti? tşk.
  • 22-07-2014, 17:41:42
    #2
    atiryaqi
    atiryaqi
    Üyeliği durduruldu
    <style>

div { position:absolute; top:50px; left:50px; width:150px; height:50px; border:1px solid #eee; display:none; filter:alpha(opacity:70); opacity: 0.7; background:#fff;  }

</style>
<img src="" /><div></div>
<script>
var n = document.getElementsByTagName("img")[0]
var d = document.getElementsByTagName("div")[0]
var i = document.all

if(i)
{
	n.attachEvent("onmouseover",open)
	n.attachEvent("onmouseout",close)
}
else 
{
	n.addEventListener("mouseover",open, false);
	n.addEventListener("mouseout", close, false);
}

function open()
{
	d.innerHTML = "falan filan";
	d.style.display = "block";
}
function close()
{
	d.style.display = "none";
}
</script>
    buyur kardeşim bi dene
  • 22-07-2014, 17:46:01
    #3
    byyakamoz
    byyakamoz
    kardeşim ilgine teşekkür ederim ama olmadı. aynen şöyle ekledim;

    Alıntı
    <style>

    div { position:absolute; top:50px; left:50px; width:150px; height:50px; border:1px solid #eee; display:none; filter:alpha(opacity:70); opacity: 0.7; background:#fff; }

    </style>
    <img src="/wp-content/uploads/2014/05/şube1.png" /><div></div>
    <script>
    var n = document.getElementsByTagName("img")[0]
    var d = document.getElementsByTagName("div")[0]
    var i = document.all

    if(i)
    {
    n.attachEvent("onmouseover",open)
    n.attachEvent("onmouseout",close)
    }
    else
    {
    n.addEventListener("mouseover",open, false);
    n.addEventListener("mouseout", close, false);
    }

    function open()
    {
    d.innerHTML = "falan filan";
    d.style.display = "block";
    }
    function close()
    {
    d.style.display = "none";
    }
    </script>
  • 22-07-2014, 17:54:03
    #4
    atiryaqi
    atiryaqi
    Üyeliği durduruldu
    <img src="/wp-content/uploads/2014/05/şube1.png" /><div></div> burda bi skntıolmasın
  • 22-07-2014, 18:28:37
    #5
    byyakamoz
    byyakamoz
    yok hocam resim görünüyorda kutu çıkmıyor. <style> kısmını stil dosyasına mı ekleyecektim?

    --R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 18:28:37 -->-> Daha önceki mesaj 17:56:36 --

    sorunu başka bir yoldan çözdüm. konu kapanabilir. tşk.