アンカータグは、画像http://www.smoothdivscroll.com/demo.html

Question

で作業されていないactullyこのスライダー画像

<div class="smallsliderdiv"> 

<p class="smallslider"> Top websites </p> 

<div id="makeMeScrollable"> 

<a href="google.com"><img width="400px" height="300px" src="g1.jpg"/></a> 
<a href="fb.com"><img width="400px" height="300px" src="g2.jpg"/></a> 
<a href="android.com"><img width="400px" height="300px" src="g3.jpg"/></a> 
<img width="400px" height="300px" src="k1.jpg"/> 
<img width="400px" height="300px" src="k2.jpg"/> 

</div> 
<div> 

でアンカータグを使用しようとしているが、その動作していないイメージがあったばかりされていないイム私はこれを好きですか？私は代わりの方法をしたくない..このスライダーの問題は何ですか？最後の2つの画像に問題はありません。アンカータグを削除すると、すべて問題はありませんが、これが必要です。ありがとうございました。

これは、HTMLと正常に動作しているが、このサイトからhttp://www.smoothdivscroll.com/demo.html利用JSである私が使用してmをスライダーとCSSで と私は画像のアドレスとリンクアドレスをエコーための各ループのために使用していません。

Answer 1

あなたの.jsまたは.cssスライダーファイルにアンカータグでイメージをラップすると問題が発生する可能性があるので、これを行う方法です。アンカーでイメージをラップする代わりに、onclickイベントをimgとjavascriptのリンクをイメージしています。手動でカーソルをCSSのポインタに変更します。

は、例えばフィドルを参照してください：https://jsfiddle.net/DIRTY_SMITH/7oe5kh9L/47/

HTML

<img onclick="image1()" width="400px" height="300px" src="http://lorempixel.com/400/200/"/> 

CSS

#makeMeScrollable > img:hover{ 
    cursor: pointer; 
} 

Javascriptを

function image1(){ 
window.location.href = 'www.google.com'; 
}