Img src to link

Question

このchili imgを "a href"にすることは可能ですか？ポップアップの機能は正常に動作していますが、画像をホバーすると「手」はありません。

Link to my portfolio

HTML

<img  
    src="/images/thumbs/image1.jpg" 
    data-toggle="modal" 
    data-target="#myModal1" 
    alt="Trolltunga, Norway" 
    width="300px" 
    height="200px" 
> 

<div id="myModal1" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-body"> 
      <img src="//placehold.it/1000x600" class="img-responsive"> 
     </div> 
    </div> 
    </div> 
</div> 

JS

function centerModal() { 
    $(this).css('display', 'block'); 
    var $dialog = $(this).find(".modal-dialog"); 
    var offset = ($(window).height() - $dialog.height())/2; 
    // Center modal vertically in window 
    $dialog.css("margin-top", offset); 
} 

$('.modal').on('show.bs.modal', centerModal); 
$(window).on("resize", function() { 
    $('.modal:visible').each(centerModal); 
}); 

Answer 1

あなたのCSSでこのコードを使いましょう。

img:hover{ 
    cursor: pointer; 
} 

（[カーソルを置いたときのリンクのように動作するために、リスト項目]の

Answer 2

img:hover{ 
    cursor: pointer; 
} 

あなたのCSS

にこれを追加

Answer 3

あなたは

img{ 
cursor:pointer; 
} 

cursor:pointerがそのリンクとして示し、これを追加することができます。しかし、実際にはあなたのコードの中に<a> tagはありませんので、cursor propertyを変更することができます。