Img src по ссылке

Question

Можно ли сделать этот чили 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.