需要帮助在jquery中删除图像

12小时后，仍然试图找出如何删除关闭点击的图库图像。现场示例here。麻烦的是在画廊内点击缩略图时，拇指的'src'图像会转移到下一个画廊。尝试了数百种方法来消除，但不要以为我在任何地方都会接近，不会。可以在这里看到的最后几行javascript http://jsfiddle.net/coryd3033/5LPqZ/ 只是在下一个图库中删除图像保持器，而不是上一个图库中的最后一个图像。任何想法将不胜感激。谢谢。我正在寻找的功能是简单地从持有者身上移除图像。不是那么简单虽然:(需要帮助在jquery中删除图像

来源

2012-02-26 Cory Doyle

'.remove（）'??? – 2012-02-26 21:16:26

可能重复[无法从关闭jQuery画廊中删除孩子]（http://stackoverflow.com/questions/9449903/cant-remove-child-from-jquery-gallery-on-close） – 2012-02-26 21:17:48

实施例：

$('.close').click(function() { 
    $('.imageHolder').fadeOut(500, function(){ 
     $('.imageHolder img').remove(); 
    }); 
});

这意味着：当点击关闭按钮，淡出图像保持半秒内。当该完成后，从所述图像保持体除去任何影像。

希望有点帮助。

来源

2012-02-26 21:29:03

你的代码是非常的混乱。最好的我可以告诉大家，你的问题是不是与<img/> SRC，而是#largephotoc1的background-image财产。您的模式打开后，哟您需要拨打loadPhoto()函数将#largephotoc1的背景图像设置为该集合中的第一个图像。

来源

2012-02-26 21:30:29

背景图像所有'＃largephotoXX'正在loadPhoto（）中设置 – 2012-02-26 21:33:13

你让我想得更近。当我的8小时结束时，在几处发布我的答案。不知道它是否正确，但它的工作原理。谢谢 – 2012-02-27 04:15:15

很高兴我能指出你在正确的方向。如果它有效，它的工作原理！这在我的书中是正确的。你可以随时清理/收紧它。 – 2012-02-27 05:10:40

谢谢Chimoo和Set Sail（我清理了我的代码，至少在缩进之后，我不是我的评论）。这给了我所需要的功能，并且一切都很完美。不知道如何，逻辑上没有意义。
但有什么办法可以简化这个块。它基本上有三个功能执行类似的任务但它的作品:) 谢谢你们。

function loadDefault($lD, $caption){ 
showPreloader(); 
var img = new Image(); 
$(img).load(function() 
{ 
    $(img).hide(); 
    hidePreloader(); 

}).attr({ "src": $lD }); 

    $('#largephoto').css('background-image','url("' + $lD + '")'); 
    $('#largephoto').data('caption', $caption); 
    $('#largephotoc1').css('background-image','url("images/album/modallarge/c1.1.jpg")'); 
    $('#largephotoc1').data('caption', $caption); 
    $('#largephotoc2').css('background-image','url("images/album/modallarge/c3.1.jpg")'); 
    $('#largephotoc2').data('caption', $caption); 
    $('#largephotoc3').css('background-image','url("images/album/modallarge/c4.1.jpg")'); 
    $('#largephotoc3').data('caption', $caption); 
    $('#largephoto3d1').css('background-image','url("images/album/modallarge/3d1.1.jpg")'); 
    $('#largephoto3d1').data('caption', $caption); 

} 

$('.reveal-modal').ready(function(){ 
    //var source = $('.st_thumbs').click 
    var handler = $(this).find('.large_image'); 
    var newsrc = handler.attr('src'); 
    var newcaption = handler.attr('rel'); 
    loadDefault(newsrc, newcaption); 

}); 

function loadPhoto($url, $caption){ 
showPreloader(); 
var img = new Image(); 
$(img).load(function() 
{ 
    $(img).hide(); 
    hidePreloader(); 

}).attr({ "src": $url }); 

    $('#largephotoc1').css('background-image','url("' + $url + '")'); 
    $('#largephotoc1').data('caption', $caption); 
    $('#largephotoc2').css('background-image','url("' + $url + '")'); 
    $('#largephotoc2').data('caption', $caption); 
    $('#largephotoc3').css('background-image','url("' + $url + '")'); 
    $('#largephotoc3').data('caption', $caption); 
    $('#largephotoc4').css('background-image','url("' + $url + '")'); 
    $('#largephotoc4').data('caption', $caption); 
    $('#largephoto3d1').css('background-image','url("' + $url + '")'); 
    $('#largephoto3d1').data('caption', $caption); 

} 

$('.thumb_container').click(function() 
{ 
    //var source = $('.st_thumbs').click 
    var handler = $(this).find('.large_image'); 
    var newsrc = handler.attr('src'); 
    var newcaption = handler.attr('rel'); 
    loadPhoto(newsrc, newcaption); 

}); 

function removePhoto($lD, $caption){ 
showPreloader(); 
var img = new Image(); 
$(img).load(function() 
{ 
    $(img).hide(); 
    hidePreloader(); 

}).attr({ "src": $lD }); 

    $('#largephotoc1').css('background-image','url("images/album/modallarge/c1.1.jpg")'); 
    $('#largephotoc1').data('caption', $caption); 
    $('#largephotoc2').css('background-image','url("images/album/modallarge/c3.1.jpg")'); 
    $('#largephotoc2').data('caption', $caption); 
    $('#largephotoc3').css('background-image','url("images/album/modallarge/c4.1.jpg")'); 
    $('#largephotoc3').data('caption', $caption); 
    $('#largephoto3d1').css('background-image','url("images/album/modallarge/3d1.1.jpg")'); 
    $('#largephoto3d1').data('caption', $caption); 

} 

$('.close-reveal-modal').click(function() 
{ 
    //var source = $('.st_thumbs').click 
    var handler = $(this).find('.large_image'); 
    var newsrc = handler.attr('src'); 
    var newcaption = handler.attr('rel'); 
    removePhoto(newsrc, newcaption); 

});

来源

2012-02-27 05:16:17

需要帮助在jquery中删除图像

回答

相关问题