2012-02-26 7 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})。 ;次のクリック時にギャラリーを削除するだけです。私が実際に何かをする何かに見つけることができる最も近いもの。キープインしてください。私が私が何を見ているのかがわかっていれば、これはかなり簡単だろう。 –

答えて

0

あなたの質問の一部について少し混乱し、私は何をしたいことは、これを変更することだと思う...これまで

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

...

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

助けてくれてありがとう、私に新しい方向性を与えた。かなり解決していませんでしたが、私はまず乱雑なコードを整理する必要がありました。私が尋ねる方法を知っている場合は、カップルの日に私はします。今、私はしません。まだ学習し、私の頭の上で、ちょうどクリックしないでください。 –