0

IMAGESのこの作業コードがあります:

<a class="showimage" rel="http://www.sitename/images/image.png" >
<span>hover here</span>
</a>

プラスいくつかのjavascriptとcssコード....最終結果は、「ここにホバー」にカーソルを合わせると、実際の画像「http://www.sitename/images/image.png」が表示されます-このようなものです( http ://goo.gl/jhyNm )

私が聞きたいのは、画像の代わりに.SWFファイルを表示/再生することは可能ですか....プロセスは同じです。「ここにホバー」テキストにカーソルを合わせると、.SWFが表示されますか?

どんな助けでも大歓迎です。ありがとう

4

2 に答える 2

1

100% 確実ではありませんが、要素に SWF を埋め込み、"hover here" でdivJS 検出イベントを使用してから、 show または hide を試すことができます。mouse overdiv

于 2012-08-25T15:56:56.280 に答える
1

ファイルの「表示」については.swf非常に簡単ですが、「再生」については、jsだけで可能かどうかはわかりません。何らかの API が必要になると思います。(autoplay存在する場合のオプション)。

とにかく、html:

<a href='#' id='showMovieText'>
Hover Me
<div style='display:none'>
<!--EMBEDED SWF FILE HERE-->
<embed ....>
</div>
</a>

jQuery:

$('#showMovieText').hover(function(){
 $(this).find("div").css('display','block');
});

デモ: http://jsfiddle.net/YbWgh/

于 2012-08-25T16:05:17.607 に答える