Autor Zpráva
4libor
Profil
řeším problém:
mám obrázek, který se mi po najetí myší zvětší...
a potřeboval bych, aby se po zvetšení překryl dalším (průhledné png s popiskami)...

kód:

<!doctype html>
<html>
<head>
<style type="text/css">
button {
    transition: 0.5s transform;
    border-radius: 8px;
    border: 2px solid #CC0000;
    margin-top: 13px;
    margin-right: 15px;
    margin-bottom: 18px;
    margin-left: 13px;
    background-color: #FFFFFF;}
    
button:hover {
    margin-top: 11px;
    margin-right: 14px;
    margin-bottom: 15px;
    margin-left: 12px;
    border: 3px solid #CC0000;}    
</style>

<script>
    function zvetsit(el) {
      var pomer = 1.3;
      var transformace = "scale(" + pomer + ")";
      el.style.webkitTransform = transformace;
      el.style.mozTransform = transformace;
      el.style.oTransform = transformace;
      el.style.MsTransform = transformace;
      el.style.transform = transformace;}
      
      function zmensit(el) {
      var pomer = 1;
      var transformace = "scale(" + pomer + ")";
      el.style.webkitTransform = transformace;
      el.style.mozTransform = transformace;
      el.style.oTransform = transformace;
      el.style.MsTransform = transformace;
      el.style.transform = transformace;}  
</script>

</head>

<body>
     <button onMouseOver="zvetsit(this)" onMouseOut="zmensit(this)" onclick="javascript:location.href='$PHP_SELF?page=1'">
     <img src="image.jpg" width="170" height="170"> </button>
</body>
</html>



děkuji za každou radu

libor 4libor@gmail.cz
Bubák
Profil
Třebas takto:
Živá ukázka
Odkaz

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

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