Увядание в скрипте не исчезает из текущего изображения

У меня есть сценарий, который исчезает в главном изображении, когда посетитель нажимает на миниатюру. Тем не менее, основное изображение исчезает с белого фона, и я хочу, чтобы текущее изображение исчезло, а затем новое изображение исчезло.Увядание в скрипте не исчезает из текущего изображения

Возможно ли это с моим сценарием ниже?

Спасибо заранее,

<!DOCTYPE html> 
<html dir="ltr" lang="en-US"> 
<head> 
<meta charset="UTF-8" /> 
<title>A Simple jQuery Fade In/Fade Out</title> 

<style> 
#imageWrap { 
width: 640px; 
height: 420px; 
} 
</style> 

<script src="http://code.jquery.com/jquery-1.4.4.min.js" type="text/javascript"> </script> 

<script type="text/javascript"> 
$(document).ready(function() { 
$('.thumbnail').live("click", function() { 
    $('#mainImage').hide(); 
    var i = $('<img />').attr('src',this.href).load(function() { 
     $('#mainImage').attr('src', i.attr('src')); 
     $('#imageWrap').css('background-image', 'none'); 
     $('#mainImage').fadeIn(1000); 
    }); 
    return false; 
}); 
}); 
</script> 

</head> 
<body> 

<a href="dimming/1.jpg" class="thumbnail"><img src="dimming/1.jpg" 
    alt="Image 1" width="20" height="20"/></a> 
<a href="dimming/2.jpg" class="thumbnail"><img src="dimming/1.jpg" 
    alt="Thumbnail 2" width="20" height="20"/></a> 

<div id="imageWrap"> 
<img src="dimming/C.jpg" alt="Main Image" id="mainImage"/> 
</div> 

</body> 
</html>

источник

2013-04-21 Darren Riches

Попробуйте это -

var i = $('<img />').attr('src',this.href).load(function() { 
    $('#mainImage').fadeOut(1000,function(){ // fade out your main image first 
     $('#mainImage').attr('src', i.attr('src')); 
     $('#imageWrap').css('background-image', 'none'); 
     $('#mainImage').fadeIn(1000); // fade in after your previous image is fadaOut 
    }); 
});

источник

2013-04-21 19:04:39

Это не сработало, он все еще выцветает с белым фоном. Удерживаю ли я «return false»? бит там? Пробовал с и без и не работал. –

Что делать, если вы удалите эту строку '$ ('# imageWrap'). Css ('background-image', 'none');' –

Не бойтесь, я тоже это пробовал. –

Увядание в скрипте не исчезает из текущего изображения

ответ

Смежные вопросы