Jquery 在其中一幅淡入淡出后定位3幅图像

Jquery 在其中一幅淡入淡出后定位3幅图像,jquery,css,Jquery,Css,假设我们在一行中有3个图像。当第二个图像淡出时,第三个将占据他的位置,类似地,当第一个图像淡出时,第二个图像占据第一个位置,第三个图像占据第二个位置。但我想达到这样的目标。当任何图像将褪色,我想把一个白色的差距到位。可能吗 $(文档).ready(函数(){ $(“img”)。单击(函数(){ $(this.remove(); }); }); 标题 与其将其完全移除,不如将其淡出,使其保持原样,但不会像这样显示 $(this).fadeTo("slow", 0); 您可以设置image的o

假设我们在一行中有3个图像。当第二个图像淡出时,第三个将占据他的位置,类似地,当第一个图像淡出时,第二个图像占据第一个位置,第三个图像占据第二个位置。但我想达到这样的目标。当任何图像将褪色,我想把一个白色的差距到位。可能吗

$(文档).ready(函数(){
$(“img”)。单击(函数(){
$(this.remove();
});
});

标题

与其将其完全移除,不如将其淡出,使其保持原样,但不会像这样显示

$(this).fadeTo("slow", 0);

您可以设置
image
opacity
属性,以便在单击事件时隐藏或取消隐藏它

$(文档).ready(函数(){
$(“img”)。单击(函数(){
if($(this.css('opacity')='0')
$(this.css('opacity','1');
其他的
$(this.css('opacity','0');
});
});

给你一个解决方案

$(文档).ready(函数(){
$('img')。每个(函数(i){
$(this.css)({
左:210*i
});
});
$(“img”)。单击(函数(){
var left=$(this.css('left');
var=这个;
$(this).fadeOut(500,function(){
$(that).同级('img')。每个(函数(i){
$(this.css)({
左:210*i
});
});
$(that.remove();
});
});
});
img{
位置:绝对位置;
宽度:200px;
浮动:左;
}


添加一些代码以解决您的问题。请也包括您的CSS。我知道你是个学生,所以作为一个学习练习,想想你可能需要做些什么来让这项工作发挥作用——缺少什么?您可能需要添加什么?让我们知道您提出了什么想法-我们是来帮助您的,而不是提出解决方案并为您编写代码:)