6

タグ内の画像をアンカータグで囲まずにクリックできるようにしようとしています。

目的は、yahoo の cfyon スクリプトを使用して、画像のスクロール マーキーを作成することです。マーキーは問題ありませんが、要件には、マーキーの各画像をクリック可能にすることが含まれます。クリックすると、JavaScript 関数が呼び出されます。これらの画像は、次のコードを使用してスクリプトに供給されます。

  <script type="text/javascript">
    Cufon.now();
    var marqueecontent = '<img src="marequee/DSC_11801.jpg" width="281" height="250" alt="Monique Relander"  class="highslide" onclick="return hs.expand(this)"/><img src="marequee/DSC_10541.jpg" width="274" height="250" alt="Monique Relander" /><img src="marequee/leather-chairs1.jpg" width="221" height="250" alt="Monique Relander" /><img src="marequee/tassel-lamp.jpg" width="194" height="250" alt="Monique Relander" /><img src="marequee/angellamp.jpg" width="162" height="250" alt="Monique Relander" /><img src="marequee/daybed.jpg" width="384" height="250" alt="Monique Relander" /><img src="marequee/birdcage.jpg" width="208" height="250" alt="Monique Relander" /><img src="marequee/oakchair.jpg" width="161" height="250" alt="Monique Relander" /><img src="marequee/candelabras.jpg" width="188" height="250" alt="Monique Relander" />';
  </script>

個々のタグを で囲んでも機能しません。

アンカータグは次のようになります

助けてください！

4

4 に答える 4

7

そんなイメージがあるとします

<img id="example" src="blah.jpg" />

css でスタイルを設定することで、これをクリック可能にすることができます。

#example
  {
    cursor:pointer;
  }

そしてjavascript + jqueryライブラリを使用

$("#example").click(function() {
  window.location.href = 'http://www.google.co.uk'
});

編集:これを実際に表示するためにjsfiddleをまとめました: http://jsfiddle.net/sn6um/1/show/

于 2012-04-20T13:05:33.467 に答える
0

jquery ライブラリを追加して、そのようなことを行うことができます

$("img").click(function (){/*Here you put your action*/});
于 2012-04-20T12:59:59.287 に答える
0

これを解決するには、いくつかのオプションがあります。まず、JavaScript で画像を作成し、コンテナーに追加します。このプロセス中に、クリック ハンドラーをアタッチできます。次に、マーキーの html コンテンツを設定した後にハンドラーを追加できます。両方のアプローチを見てみましょう。

JavaScript で画像を作成する

var myImage = new Image();
myImage.src = 'foo.png';
myImage.onclick = function(){
  alert( 'You clicked me' );
};
...
marqueeContainer.appendChild( myImage );

これは、画像ごとに 1 回実行する必要があります。

HTML コンテンツを設定してから、イベント ハンドラを追加します。

var myHTML = '<img src="foo.png" />';
marqueeContainer.innerHTML = myHTML;
marqueeContainer.images[0].onclick = function(){
  alert( 'You clicked me' );
};

この方法では、すべての画像とその属性を含む現在の変数を使用できます。

于 2012-04-20T13:01:13.513 に答える