1

ブログページの1つにある画像をクリックして、埋め込みコンテンツを起動できるようにしたいと思います。

具体的には、このスペースインベーダーゲームのカバー画像を作成したいと思います。http：//arcade.gameex.com/playgame/6135/space-invaders.html

埋め込みコード=

<iframe src = "http://arcade.gameex.com/embed.php?id=6135" width="480" height="360" />

ページ内のカスタムカバー画像をクリックしてゲームを起動したいのですが、どうすればよいかわかりません。

私は数年前からワードプレスを使用していますが、マイナーなスタイルの調整のみを行っています...このようなことは何もありません。

初心者のための助けをいただければ幸いです！私は経験豊富なプログラマーではありません。

-C

4

1 に答える 1

0

JavaScript ライブラリである jQuery を使用してそれを行う方法は次のとおりです。

http://jsfiddle.net/SMM2B/

<style>
#cover {
    width: 480px;
    height: 360px;
    background: url(image.jpg) left top no-repeat;
}
#game {
    display: none;
    width: 480px;
    height: 360px;
}
</style>

<div id="cover"></div>

<div id="game">
    <object>...</object>
</div>

<script>
$(function() {
    $('#cover').click(function () {
        $(this).slideUp();
        $('#game').slideDown();
    });
});
</script>

JavaScript とオブジェクトまたは iframe を許可するには、WordPress とエディターを構成する必要があることに注意してください。サイトで jQuery をまだ利用できない場合は、このタグを使用して Google から読み込むことができます。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
于 2013-03-21T02:05:28.677 に答える