Autor Zpráva
Golem
Profil *
Neviete mi niekto poradiť aký CSS alebo aký kód mám použiť aby sa po nájazde myšky na obrázok za ním vytvoril kruhový rámček.Díky
lamka2
Profil *
tak kruhový rámček hej?
Golem
Profil *
Alebo íný... :)
vertigo4
Profil
například

img:hover {background-image: url('kruhovy_ramcek.jpg');}
lamka2
Profil *
tak kruhový rámček hej?

takze moja verzia je zalozena na JavaScripte
<script>
function zobraz(idecko){
el=document.getElementById(idecko).style;
el.display='block';
}
function skry(idecko){
el=document.getElementById(idecko).style;
el.display='none';
}

function daj(co){
document.getElementById('ram2').value=(co); }
<!--

// Detect if the browser is IE or not.
// If it is not IE, we assume that the browser is NS.
var IE = document.all?true:false

// If NS -- that is, !IE -- then set up for mouse capture
if (!IE) document.captureEvents(Event.MOUSEMOVE)

// Set-up to use getMouseXY function onMouseMove
document.onmousemove = getMouseXY;

// Temporary variables to hold mouse x-y pos.s
var tempX = 0
var tempY = 0

// Main function to retrieve mouse x-y pos.s

function getMouseXY(e) {
  if (IE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft
    tempY = event.clientY + document.body.scrollTop
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX
    tempY = e.pageY
  }  
  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}  

  tempY=tempY-25;
  tempX=tempX+15;
  document.getElementById('ram').style.left = tempX + 'px';
   document.getElementById('ram').style.top = tempY + 'px';

  return true
}

//-->
</script>

<img src="obr.bmp" onMouseOver="daj('TEXT'); zobraz('ram');" onMouseOut="skry('ram')">
<span id="ram" style="padding:1px; display:none; position:absolute; top:0px; left:0px; background-color:#000000;">
TU VLOZ KRUHOVY OBRAZOK
</span>
lamka2
Profil *
lamka2
podotykam ze to je aj z textom ktory sa vlozi do toho obrazku alebo vedla neho, ktory moze byt vygenerovay z DB
Golem
Profil *
Myslím,že si ma zle pochopila.Ja tam nechcem vkladať okrúhly obrázok.On je hranatý le chcem aby sa zmenil ako na stránke
www.simpsonovci.com.Chápeš......
Golem
Profil *
www.simpsonovci.com

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: