$('img').hover(function(){
$(this).animate({
'marginLeft': '40%'
},{ queue: false, duration: 100 })
.animate({
'width':'60%'
},{ queue: false, duration: 100 })
.animate({
'marginTop': '15px'
},{ queue: false, duration: 100 })
.animate({
'height':'55%'
},{ queue: false, duration: 100 })
может какой-нть другой способ есть только увеличить картинку?
Спустя 17 часов, 7 минут, 46 секунд (3.10.2011 - 13:53) Stasonix написал(а):
сам себе отвечу, раз тут такой ажиотаж:
Но вопрос остается открытым! Явно видно что оно увеличивается с верхнего левого угла в правый нижний, а вот как сделать чтобы со всех сторон одновременно, вот в чем вопрос?
п.с. fiddle live-code test
<div>
<img src="#">
</div>
div {
position: absolute;
width: 90%;
left: 5%;
top: 10%;
height: 50%;
border: 2px solid black;
}
img {
position: relative;
border: 2px solid #DDDDDD;
top: 20%;
width: 10%;
height: 20%;
left: 30%;
border-radius: 10px;
min-width: 10%;
min-height: 20%;
}
$('img').hover(function(){
$(this).animate({
height: $(this).height()*2
},{ queue: false, duration: 100 })
.animate({
width: $(this).width()*2
}, { queue: false, duration: 100 })
.animate({
marginLeft: -round($(this).width()/4)
},{ queue: false, duration: 100 })
.animate({
marginTop: -round($(this).height()/4)
},{ queue: false, duration: 100 })
},function(){
$(this).animate({
height: $(this).height()/2
},{ queue: false, duration: 100 })
.animate({
width: $(this).width()/2
}, { queue: false, duration:100 })
.animate({
left: '30%'
},{ queue: false, duration: 100 })
.animate({
top: '20%'
},{ queue: false, duration: 100 })
});
Но вопрос остается открытым! Явно видно что оно увеличивается с верхнего левого угла в правый нижний, а вот как сделать чтобы со всех сторон одновременно, вот в чем вопрос?
п.с. fiddle live-code test
Спустя 25 минут, 45 секунд (3.10.2011 - 14:19) redreem написал(а):
код приведен не автономном рабочем состоянии - вот и влом смотреть. выложите рабочую страницу - чтоб открыл в браузере и сразу все работало, а не самим дополнять код. тогда может и были бы ответы.