0

Web サイトでImage Hoverプラグインを使用したいと考えています。

私は jQuery を 1 週間しか使っていないので、それほど熟練していません。私が欲しいのは次のとおりです。

私のウェブサイトでは、プロジェクトのプレビューを表示するあらゆる種類のサムネイルを作成しています。私がまさに望んでいるのは、「ホバリング」された写真に出くわしたとき、その写真にはパターンがあるということです。(このパターンはすべてのイメージを意味します。) 誰かがコードの実装を手伝ってくれますか?

これはフェードの一部です。

    if(opt.fade){
      var offset = node.offset();
      var hover = node.clone(true);
      hover.attr('src', hoverImg);
      hover.css({
        position: 'absolute',
        left: offset.left,
        top: offset.top,
        zIndex: 1000
      }).hide().insertAfter(node);
      node.mouseover(
        function(){
          var offset=node.offset();
          hover.css({left: offset.left, top: offset.top});
          hover.fadeIn(opt.fadeSpeed);
          node.fadeOut(opt.fadeSpeed,function(){node.show()});
        }
      );
      hover.mouseout(
        function(){
          node.fadeIn(opt.fadeSpeed);
          hover.fadeOut(opt.fadeSpeed);
        }
      );
    }else{
      node.hover(
        function(){node.attr('src', hoverImg)},
        function(){node.attr('src', orgImg)}
      );
    }
4

1 に答える 1

0

  1. あなたが何を意味するのかわからない...私が正確に望んでいるのは、「ホバリング」された写真に出くわしたとき、その写真についてのパターンがあるということです。（このパターンは、すべての画像が意味するものです。） この文は、私には意味がありません。どうか明らかにしてください...

  2. プラグインの内部を書き直す必要がある理由がわかりません。

  3. 私の理解が正しければ、単一のカスタム イメージを src 属性の一部として使用して、imghover プラグインに渡す必要があります。そのためには、ファイルが正しい場所にあることを確認し、フル パスを指定するだけです。

    たとえば、画像が /images/image01.png にあり、すべての画像に使用されるホバー画像が /images/hover.png にある場合、次のようにします... $(" img").imghover({src:"/images/hover.png"}); ウィンドウ ロード イベント ハンドラーまたは $(function() {...} jQuery の同等物で。

    繰り返しますが、必ずフル パスを含めてください。hover.png の代わりに。

ここで行った例を参照してください。なんらかの理由でリポジトリから直接ストリーミングできないため、imghover の完全なソースを取り込み、インライン スクリプトとして挿入する必要がありましたが、プラグイン内は何も変更していませんでした。

于 2011-02-17T20:29:02.630 に答える