bağlantı etiketi

Question

actully bu kaydırıcı görüntüsü

<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> 

ama onun çalışmıyor görüntüleri gösterdi sakın ile çapa etiketi kullanmaya çalışıyor im görüntü http://www.smoothdivscroll.com/demo.html ile çalışmıyor bunu ne zaman yaparım? Alternatif yol istemiyorum .. Bu kaydırıcı ile sorun nedir? son iki görüntüde sorun yok .. çapa etiketini kaldırdığımda her şey yolunda ama buna ihtiyacım var. Teşekkür ederim.

Bu html ile iyi çalışıyor ancak bu siteden http://www.smoothdivscroll.com/demo.html kullanım js i kullanıyorum kaydırıcı ve css ile ve ben görüntü adresini ve bağlantı adresini yankılanan için her döngü için kullanıyorum değil.

Answer 1

Bunu yapmak istiyorum, çünkü .js veya .css kaydırıcı dosyalarında resimlerin bir çapa etiketiyle sarılmasıyla ilgili bir sorun olabilir, bu nedenle görüntüleri bir çapa ile sarmak yerine bir onclick olayı eklemek için img ve javascript imajı bağlar. ve imleci CSS'deki bir işaretçiye manuel olarak değiştirin.

örneğin

bakınız keman: 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'; 
}