0

私はゲームの Web サイトを作成していますが、コンピューター言語の知識がほとんどなく、このボックスにリンクしている画像をクリックしたときに表示されるライトボックスを作成する必要があります。ボックスは派手すぎる必要はありません。必要なのは、スクロールせずに設定されたサイズでフラッシュ ゲームを埋め込むことだけです。私は jquery と mootools を見てきましたが、それらは紛らわしく、Flash ベースのゲームをそれらの中に埋め込む方法がわからないので、助けがあれば非常に役に立ちます。

4

2 に答える 2

0

PrettyPhoto jQuery を使用すると、Flash などのメディアを簡単にライトボックス化できます。

彼らの例から:

<a title="Flash 10 demo" href="http://www.adobe.com/products/flashplayer/include/marquee/design.swf?width=792&amp;height=294" rel="prettyPhoto[mixed]">
    <img src="/wp-content/themes/NMFE/images/thumbnails/flash-logo.jpg" alt="Flash 10 demo" width="50"/>
</a>

rel=prettyPhoto[groupName]アンカー内にSWF へのリンクを配置します。

アンカー内に、画像のサムネイルを配置できます。

<a href="flash.swf" rel="prettyPhoto[group]">
    <img src="thumbnail.png" />
</a>

ソースをダウンロードします

于 2012-06-30T19:20:53.617 に答える
0

見栄えが良いと思われる簡単な解決策の 1 つは、最初から非表示になっているコンテナーを使用することです。画像をクリックすると、このコンテナが表示されます。この方法では、flash を jquery/javascript ではなく html に埋め込む必要があります。

jquery では、このようになります。

$(document).ready(function(){

    $('#yourimage').click(function(){
         $('#containerwithgame').show();
    });

});

この方法では、煩わしいポップアップ ライトボックスを使用しませんが、それは個人的な意見です。

于 2012-06-30T19:30:42.447 に答える