2012-02-26 45 views
1

Noob在这。上周开始使用jQuery,在阅读本网站约10小时后,api必须询问并希望获得指导。不能从关闭的jQuery画廊删除孩子

试图删除从图库中点击的最后一张图片,所以点击下一个图库将加载第一张图片而不是最后一张图片。 (www.cooloradan.com)。

我janky码(从别人大多采取):

function loadPhoto($url, $caption) {/*Image pre-loader*/ 
    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); 
} 

/* When a thumbnail is clicked*/ 
$('.thumb_container').click(function() { 
     var handler = $(this).find('.large_image'); 
     var newsrc = handler.attr('src'); 
     var newcaption = handler.attr('rel'); 
     loadPhoto(newsrc, newcaption); 
}); 

$('.close-reveal-modal').click(function() { 
    $('.thumb_container').find('.large_image').remove(); 
}); 

HTML:

<div id="myModalc3" class="reveal-modal"> 
    <div class="mainframe"> 
     <div id="largephotoc3"> 
     </div> 
    </div> 
    <div class="thumbnailimage"> 
     <div class="thumb_container"> 
      <div class="large_thumb"> 
       <img src="images/album/modalthumbs/3d1.6.jpg" class="large_thumb_image" alt="thumb" /> 
       <img alt="" src="images/album/modallarge/3d1.6.jpg" class="large_image" /> 
      </div> 
     </div> 
    </div> 
    <a class="close-reveal-modal"><img src="images/icons/close.png" /></a> 
</div> 
</div> 

我不知道到底是什么我想问问,但我会继续尽管如此,我一整晚都在寻找和尝试不同的东西。

+0

这是推动我坚果。真的会很感激一些回应,即使错了,我也会增加你的观点。只是需要一些不同的想法或方向来说明我错在哪里。这些线$( '近距离揭示模态 ')点击(函数() \t { \t \t $()找到()删除()' thumb_container。 '' large_image。'; \t}) ;只需点击下一步删除图库。最接近的东西,我可以找到的东西,但实际上做了一些事情。继续坚持下去。我知道如果我更清楚自己在看什么,这将会非常简单。 – 2012-02-26 04:33:46

回答

0

有点困惑你的问题的一部分,但我想你想要的是改变了...

$('.close-reveal-modal').click(function() { 
    $('.thumb_container').find('.large_image').remove(); 
}); 

这个...

$('.close-reveal-modal').click(function() { 
    $(this).prev().find('.large_image').remove(); 
}); 
+0

感谢您的帮助,给了我一个新的方向。没有完全解决,但我需要首先清理乱码。在几天内,如果我知道如何问我会的。现在我不知道。仍然在学习,并在我的脑海中,只是不点击。 – 2012-02-27 00:39:13