Autor Zpráva
Monkeys
Profil *
Ahoj

taaakze vsetko co som sa tu doteraz pytal som si vyriesil nakonec sam :)

Ale teraz s tymto si neviem rady:
Chcem aby sa mi obrazok po zvacseni dal do popredia teda nad vsetky ostatne obrazky skusam z-index:1000; ale nepomaha to:

Tu je moj css kod:
.obr_table table { width:700px;  border:none; float:left;}
.obr_table td { width:220px;height:150px;  padding:5px; display:block;}
.obr_table td img {position:absolute; width:220px; height:150px;}

Tu je moj HTML kod:
<div class="obr_table">
<table>
<tr>
<td><img src="obr/horizont.jpg" width="640" height="480" /></td>
<td><img src="obr/horizont.jpg" width="640" height="480" /></td>
<td><img src="obr/horizont.jpg" width="640" height="480" /></td>
</tr>
</table>
</div>

Tu je moj JS kod:
$(function()
{
$('.obr_table').find('img').each(function()
    {
    var img=$(this),
    vyska = img.height(),
    sirka = img.width(),
            
     novaSirka = Math.round(sirka * 2)
    novaVyska = Math.round(vyska * 2);
            
     img.data('vyska', vyska)
          .data('sirka', sirka)
          .data('novaVyska', novaVyska)
          .data('novaSirka', novaSirka);
        
     img.hover(function()
    {
                $(this).not(':animated').animate({height: $(this).data('novaVyska'), width: $(this).data('novaSirka') })    
    },
    function()
    {
    $(this).animate({height: $(this).data('vyska'), width: $(this).data('sirka') })
                 });
    
     });
})

Kod funguje ale aktualne vybrany obrazok sa mi skova pod ostatne a neviem ako ho dostat do popredia ?
Vdaka za vas cas a pomoc ;-)

M.
Monkeys
Profil *
Tak vyriesene :)

keby niekto riesil podobny problem:

HTML
<div><img src="obr/horizont.jpg" width="640" height="480" /></div>
<div><img src="obr/horizont.jpg" width="640" height="480" /></div>
<div><img src="obr/horizont.jpg" width="640" height="480" /></div>

CSS
.obr_table div { width:220px;  padding:5px; display:inline-block; float:left;position:relative;}
.obr_table img {width:220px; height:150px; }
.index {  position:absolute; z-index:5000}

JS
$(this).not(':animated').animate({height: $(this).data('novaVyska'), width: $(this).data('novaSirka') }).addClass('index')
Stacilo pridat triedu addClass()

M.

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: