как зависать после вызова jquery animate () - PullRequest
Новая
       17

как зависать после вызова jquery animate ()

0 голосов
/ 16 марта 2012

У меня есть следующий код для увеличения изображения после его наведения: 

   $(".myImage").hover(function () {
            $(this).find('img').stop() /* Add class of "hover", then stop animation queue buildup*/
                    .animate({
                        width: '560px', /* Set new width */
                        height: '174px', /* Set new height */
                        padding: '20px'
                    }, 200); /* this value of "200" is the speed of how fast/slow this hover animates */
        }, function () {
            $(this).find('img').stop()  /* Remove the "hover" class , then stop animation queue buildup*/
                .animate({
                    width: '140px', /* Set width back to default */
                    height: '44px', /* Set height back to default */
                    padding: '5px'
                }, 400);
        });

, но проблема в том, что когда изображение растет, оно появляется за другим изображением (которое оказывается фоновым)то есть слева от пункта.,CSS на другом изображении, которое отображается поверх этого изображения: 

 .otherImage {
background: url("/Content/Images/main1.png") repeat scroll 0 0 transparent;
display: block;
height: 506px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
position: relative;
width: 527px;
z-index: 0;

}

Как я могу получить изображение, вызывающее анимацию, для наведения на фоновое изображение?

Вот исходный CSS изображения, который вызывается для анимации (скопированный с firebug) 

element.style {
display: inline-block;
height: 44px;
left: 0;
margin-left: 0;
margin-top: 0;
padding: 5px;
top: 0;
width: 140px;

} 

.myImage img {
height: 44px;
width: 140px;
z-index: 999;

} 

a img {
border: medium none;

}

1 Ответ

1 голос
/ 16 марта 2012

Если объект, который вы анимируете, равен position: absolute, тогда вы можете установить для него z-index более высокое значение, чем у другого объекта, и он будет сверху.

Если это не position: absolute, тогда мы должны увидеть соответствующую разметку HTML и все стили CSS для этих двух объектов, чтобы узнать, какие у вас варианты.

...