1

Flashなしで（つまりiOSで）機能する拡張可能な広告を作成しようとしています。
私はフロントエンドのWebデザイナーとして働いており、実際のJavascriptの知識はありません。
広告を作成する方法のサンプルコードを見つけましたが、JavaScriptを展開および縮小するためのフラッシュが組み込まれています。

gif / jpg画像を使用して拡張可能な広告を作成することは可能ですか？
つまり、タップすると300x400のフルスクリーンに拡大する300x40のモバイル広告です。

これについての助けを本当にいただければ幸いです。

4

1 に答える 1

0

CSS3でこれを試すことをお勧めします。フロント エンドの Web デザイナーとして、 CSSの方が使い慣れていると想像できます。
ほとんどのモバイル デバイスでは、ホバーはタップに相当すると確信しています。

以下を試してください：

<style>
.youradvert {
   overflow: hidden;
   width: 300px;
   height: 40px;
   -webkit-transition: all 1s;
   -moz-transition: all 1s;
   -o-transition: all 1s;
   transition: all 1s;
}
.youradvert:hover {
   height: 400px;
}
</style>

または、タップはクリックと同じなので、画像を設定しdisplay:noneて、表示値を変更する単純なJavascript関数を使用できますonclick。
クリックの実装は、ホバーよりも普遍的に実装されることに気付くかもしれませんが、私には確信が持てません。うまくいかないVISIBILITY場合は使用できます。DISPLAY

以下のようなもの：

<script type="text/javascript">
<!--
    function expand(){
        document.getElementById('large_ad').style.display=block;
    }
-->
</script>

<div class="youradvert">
   <img id="small_ad" src="http://example.com/image.jpg" onclick="expand()" alt="" style="width:300px;height:40px;"/>
   <img id="large_ad" src="http://example.com/image.jpg" style="display:none;width:300px;height:400px;" alt=""/>
</div>
于 2013-02-04T22:58:52.653 に答える