JavaScriptでWebページの特定の画像をリロード

2010/08/26 18:23 Update
TAGS: JavaScript | Web | 画像 | img | リロード | 画像認証 | ログイン
本文は特定の画像をJavaScriptでリロードする実装方法について解説します。

HTML例:
<img name="myimg" src="some.jpg" />
<input type="button" value="Change"  onclick="onChangeImg();" />

※Changeボタンを押すとsome.jpg画像をリロードする

JavaScript例:
    <script language="javascript">
        <!--
        var i = 0;
        function onChangeImg() {
            i++;
            if(document.images) {
                document.myimg.src = 'some.jpg' + '?' + i;
            }
        }
        
        -->
    </script>

※document.myimg.src = 'some.jp';のみを設定する場合、2回目以降リロードされない(サーバに飛ばない)ようで、some.jp?1やsome.jp?2、some.jp?3のような形でリロードさせる

これで、ボタンを押すたびに、画像が再表示されます。

Sponsored Link


有关作者
Syboos.jp編集長システム設計や開発、保守運営などを行ってます。オープンソース技術に興味があります。

Comments