1

基本的に、画像で ImageMapster プラグインをテストしています。ただし、これらの各エリア タグのツールチップ (または情報パネル) を隣同士に配置したいと考えていました。> http://jsfiddle.net/jagmitg/eQCL6/

現在、黒い画像にカーソルを合わせたときの情報は、各エリア タグの左側中央にあります。とにかく、各エリアパネルの横にある各ボックスを移動できますか?

私はフォローhttp://jsfiddle.net/sb9j7/を実装しようとしました(ピーマンのディップにカーソルを合わせてください)。これは私が試したものです：

image.mapster('set_options', { 
   areas: [{
     key: "dip",
     toolTip: newToolTip
   }]
});

誰かがツールチップを実装するのを手伝ったり、エリアタグに従って情報ボックスを移動したりできますか?

どうもありがとうございました

4

1 に答える 1

0

この他のコードを試してみてくださいhttp://jsfiddle.net/gCTcF/62/ 2つの画像を透明なpngに置き換え、CSS z-dephtで重ねて配置すると、それを達成できます。(プラグインautorの別の例から来ています)

            onMouseover: function (data) {
                inArea = true;
                $('#beatles-caption-header').text($(this).attr("alt"));
                $('#beatles-caption').show();
            },
            onMouseout: function (data) {
                inArea = false;
                $('#beatles-caption').hide();
            }
于 2012-11-05T23:14:30.573 に答える