javascript - Jquery - サムネイルをクリックするとスライドして表示される画像ギャラリーを作成しようとしています

Question

ポートフォリオ Web サイト用に独自のカスタム イメージ ギャラリーを作成する方法を見つけようとしましたが、役に立ちませんでした。

さまざまな画像のサムネイルを保持する div があります。この div の CSS コードは次のとおりです。

.gallery {
width: 900px;
height: 600px;
background-color: white;
margin: 50px;
float: left;
box-shadow: 3px 3px 20px #000000;
position: relative;

#project_displayギャラリー div の左側に -900px 絶対に配置された別の div を作成しました。この div も width: 900px と height: 600px に設定されています。

私がやろうとしているのは、サムネイルのアンカーされたリンク (サムネイルの大きなバージョンの画像) を取得し、この外側の div をアニメーションとして大きな画像で動的に塗りつぶすことです。説明するのは難しいです。以下はコードです。うまくいけば、より明確になります。

$('.projects').bind('click', function(event){
    $('#project_display').animate({
        left:'0px'
        });
        event.preventDefault();

        var this_project = $('.projects').each(function(){
            $(this).children('a[href]');
        })

        $('#project_display').html('<img src="'+this_project+'"/>');
    })

大きな画像へのアンカー リンクが外側の div に配置されていません。

誰かが私が間違っていることを教えてもらえますか? 私は明らかに正しいことをしていないからです。