JavaScript の特定の部分を特定の方法で動作するように変更する方法を知りたいと思っていました。現在、私はギャラリーであるウェブページを持っています。ナビゲーション メニューをクリックすると、私が行ったプロジェクトのリストが表示されます。プロジェクトをクリックすると、背景に大きな画像が表示されます。ただし、ナビゲーションの 1 つ、特にウェブサイト ナビゲーションに実装して、構築したウェブサイトで新しいウィンドウを開いて、人々が閲覧できるようにしたいと考えています。これまでのスクリプトのセクションは次のとおりです。
//clicking on a thumb, replaces the large image
$list.find('.st_thumbs img').bind('click',function(){
var $this = $(this);
$loader.show();
$('<img class="st_preview"/>').load(function(){
var $this = $(this);
var $currImage = $('#st_main').children('img:first');
$this.insertBefore($currImage);
hideThumbs(); ///hides thumb after image click
$loader.hide();
$currImage.fadeOut(2000,function(){
$(this).remove();
});
}).attr('src',$this.attr('alt'));
}).bind('mouseenter',function(){
$(this).stop().animate({'opacity':'1'});
}).bind('mouseleave',function(){
$(this).stop().animate({'opacity':'0.7'});
});
これを試してみましたが、リンクが認識されません。だから私はそれがjavascriptでなければならないと思っています。
<li class="album">
<span class="st_link">Websites<span class="st_arrow_down"></span></span>
<div class="st_wrapper st_thumbs_wrapper">
<div class="st_thumbs">
<img src="images/album/thumbs/web1.jpg" alt="images/album/web1.jpg"/>
<a href="www.tannerhuynh.com/starbuzz/home.html"><img src="images/album/thumbs/web2.jpg" alt="images/album/web2.jpg"/></a>
</div>
</div>
</li>
ウェブサイトは www.tannerhuynh.com で、親指をクリックすると背景画像が読み込まれるだけでなく、私が構築したウェブサイト www.tannerhuynh.com/starbuzz/home.html に移動することを期待していました。
私はJavaScriptが初めてで、これを行う方法がまったくわかりません。どんな助けでも大歓迎です。ありがとう。
タナー