2011-06-29 15 views
0

これはおそらくこれを行う「古い学校」の方法だとわかりましたが、最終的に私のギャラリーには例外が1つあります。ギャラリーがページの下にある場合は、サムネイルの「#」リンクがページを上に移動します。このギャラリーを作成するより良い方法はありますか?事前にJavascriptギャラリーonmouseUp "#"リンクを使用してページの先頭にジャンプしない

http://pacmill.bigrigmedia.com/cms/portfolio-detail-test3.html

ありがとう!

答えて

1

戻り値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="..."> 
0

私はあなたがホバー上で手のアイコンを取得するためにアンカータグを使用していると思います。あなたはCSSを使って同じ効果を得ることができます。

style="cursor: hand;" 

これは同じ効果を生成し、アンカータグの問題を回避するはずです。

0

私はあなたがそのためのアンカータグを使用しないことをお勧め強く。 JavaScriptのイベントは、ちょうどのように、任意のDOM要素に追加することができます。

<li class="click-to-expand"> 
    <img src="..." /> 
</li> 

そしてまた、一部のユーザーは既に答えたとして、あなたがクリック可能なインターフェイスの項目をホバリング可能な場合、ユーザーとの対話を示すために、CSSポインタのプロパティを使用することができます。

.click-to-expand{ 
    cursor:pointer; 
} 

必要に応じてコンテンツにアクセスするための有効なURLを指定してアクセス可能にしてください(javascriptのフォールバックなし)。

関連する問題