1

注目の製品を表示する Magento 用の jcarousel プラグインがあります。画像にカーソルを合わせると、画像の大きなバージョンが表示されます。その大きなバージョンでは、*左上隅に (星印) があります。

説明するのはちょっと難しいですが、 http: //www.dooor.nl/ で、ページの真ん中 (ニュースレターの上、動くスライダーの下) のカルーセルにカーソルを合わせると、実際に動いているのを見ることができます。

元のプラグインにはありません。問題は、ホバーされた画像を選択できないため、firebugでアクセスしてどこから来たのかを確認できないことです。

編集: 元のプラグインは次のとおりです: http://www.hellothemes.com/demo/?theme=hellowear . アスタリスクがないことがわかります。

4

2 に答える 2

6

それはあなたの画像にあります-Photoshopの左上隅を見ると、透明な小さなアスタリスクの形をした領域があります。プレビューの背景は濃い灰色であるため、画像全体に表示され、アスタリスクのように見えます。

すべての画像自体を修正したくない場合は、これをCSSに追加できます。

#preview img {
    background-color: white;
}
于 2012-08-10T09:51:27.897 に答える
1

これを試して：

このファイルに移動

<script type="text/javascript" src="http://www.dooor.nl/skin/frontend/default/tribeca/js/imgpreview.js"></script>

cこの行から削除します。

jQuery("body").append("<div id='preview'><img src='"+ this.rel +"' alt='Loading' /></div>");

また、ホバーされた画像をこの場所にとどまらせるには、同じファイルでこのセクション全体をコメントアウトします。

jQuery("a.preview").mousemove(function(e){
        jQuery("#preview")
            .css("top",(e.pageY - xOffset) + "px")
            .css("left",(e.pageX + yOffset) + "px");
    });

そうすれば、画像にカーソルを合わせて、FirebugでCSSを確認できます。あなたが見つけたものを教えてください

于 2012-08-10T09:49:30.240 に答える