これはおそらくこれを行う「古い学校」の方法だとわかりましたが、最終的に私のギャラリーには例外が1つあります。ギャラリーがページの下にある場合は、サムネイルの「#」リンクがページを上に移動します。このギャラリーを作成するより良い方法はありますか?事前にJavascriptギャラリーonmouseUp "#"リンクを使用してページの先頭にジャンプしない
http://pacmill.bigrigmedia.com/cms/portfolio-detail-test3.html
ありがとう!
これはおそらくこれを行う「古い学校」の方法だとわかりましたが、最終的に私のギャラリーには例外が1つあります。ギャラリーがページの下にある場合は、サムネイルの「#」リンクがページを上に移動します。このギャラリーを作成するより良い方法はありますか?事前にJavascriptギャラリーonmouseUp "#"リンクを使用してページの先頭にジャンプしない
http://pacmill.bigrigmedia.com/cms/portfolio-detail-test3.html
ありがとう!
戻り値falseを追加すると、#リンクをクリックしたときにページが先頭にジャンプしなくなります。
<a href="#" onclick="return false;"><img src="..." /></a>
あなたの問題については、私はShawnのソリューションに行き、CSSを使用します。そこで、画像の周りのすべてのリンクを削除して、文書にこれを追加します。
<style> img{cursor:pointer;} #Display{cursor:auto;} </style>
2番目のエントリ(#Display)は、あなたのメイン画像がポインタカーソルを取得していないことを確認することです。それぞれの画像にクラスをドロップしてから、そのクラスの画像にカーソルを割り当ててください。それはそうのようになります。
<style> img.myImage{cursor:pointer;} </style>
<img class="myImage" src="...">
私はあなたがホバー上で手のアイコンを取得するためにアンカータグを使用していると思います。あなたはCSSを使って同じ効果を得ることができます。
style="cursor: hand;"
これは同じ効果を生成し、アンカータグの問題を回避するはずです。
私はあなたがそのためのアンカータグを使用しないことをお勧め強く。 JavaScriptのイベントは、ちょうどのように、任意のDOM要素に追加することができます。
<li class="click-to-expand">
<img src="..." />
</li>
そしてまた、一部のユーザーは既に答えたとして、あなたがクリック可能なインターフェイスの項目をホバリング可能な場合、ユーザーとの対話を示すために、CSSポインタのプロパティを使用することができます。
.click-to-expand{
cursor:pointer;
}
必要に応じてコンテンツにアクセスするための有効なURLを指定してアクセス可能にしてください(javascriptのフォールバックなし)。