| Autor | Zpráva | ||
|---|---|---|---|
| Monkeys Profil * |
#1 · Zasláno: 6. 1. 2012, 23:32:46
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 * |
#2 · Zasláno: 7. 1. 2012, 01:08:55
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')M. |
||
|
Časová prodleva: 11 let
|
|||
0