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