0

私は Javascript と JQuery を使用するのが初めてで、少し助けが必要です。

JQuery Cycle スライドショーを一時停止および再生するためのコントロール パネルを作成しようとしています。パネルには、前へ、次へ、および再生のリンクがあります。ユーザーがコントロールにカーソルを合わせると、画像が別の画像に置き換えられます。ユーザーが再生リンクをクリックすると、画像が一時停止画像に置き換えられます。onmousehover 属性と onmouseout 属性を置き換えて、一時停止リンク用の別のホバー画像を定義できるようにしたいと考えています。これは可能ですか？

これは私のコードです:

$('.pause').click(function(){
  $("#pausectrl").attr('src',"images/pause1.png");
  $("#pausectrl").attr('onmouseover',"this.src='images/pause2.png'");
  $("#pausectrl").attr('onmouseout',"this.src='images/pause1.png'");
  return false;
});

そしてHTML： 

<a href="" id="play" class="pause"><div id="playctrl"><img id="pausectrl" src="images/play1.png" onmouseover="this.src='images/play2.png'" onmouseout="this.src='images/play1.png'"></div></a>
4

2 に答える 2

0

これを試して：

$("#pausectrl").mouseenter(function(){
  $(this).attr('src','images/pause2.png');
}).mouseout(function(){
 $(this).attr('src','mages/pause1.png');
});
于 2011-05-12T13:05:30.617 に答える
0

このチュートリアルを読む

http://bavotasan.com/tutorials/a-simple-mouseover-hover-effect-with-jquery/

同様の質問

jQuery を使用してロールオーバー時に画像ソースを変更する

生コード

HTML

<img src="first.gif" data-hover="second.gif" class="rollover" >

jQuery

$(function() {
    $('.rollover').hover(function() {
        var currentImg = $(this).attr('src');
        $(this).attr('src', $(this).attr('hover'));
        $(this).attr('hover', currentImg);
    }, function() {
        var currentImg = $(this).attr('src');
        $(this).attr('src', $(this).attr('hover'));
        $(this).attr('hover', currentImg);
    });

参照

于 2011-05-12T13:05:52.617 に答える