0

背景画像を変更する画像スクロールペインをダウンロードしました。画面サイズで画像のサイズを自動的に変更したい..これを行うには、このhtml line style="width:100%;height:100%;" を使用しました しかし、スクロールペインの動作が少し異なるため、この行は私のケースでは機能しないことに気付きました。

具体的には、スクロールペインは背景画像として img タグの alt 属性を使用し、画像のサムネイルには img タグの src 属性を使用します。

<div class="wrapper thumbs_wrapper"> 
        <div class="thumbs"> 
            <img src="images/album/thumbs/1.jpg" alt="images/album/1.jpg"/> 
            <img src="images/album/thumbs/2.jpg" alt="images/album/2.jpg"/> 
        </div> 
</div>

ここにこの行を追加すると

<img src="images/album/thumbs/1.jpg" alt="images/album/1.jpg" style="width:100%;height:100%;"/>

背景画像は変更されませんが、サムネイルのみが変更されます.. alt 属性から画像のサイズを変更する方法はありますか?

alt 属性から img を取得し、javascript 関数でサイズを変更し、幅と高さを 100% に設定したいだけです。

私はこの関数を書きましたが、動作しません..

<script type="text/javascript">
function resize()
{
    var element = document.getElementById('imgg');
    var attr = element.getAttribute(alt);
    attr.width = '100%';
    attr.height = '100%';
}
</script>

<img id="imgg" onload="resize()" src="images/album/thumbs/1.jpg" alt="images/album/1.jpg" height='' width=''/>

前もって感謝します

4

1 に答える 1

0

これを試して

 <script type="text/javascript">
$(document).ready(function () {
    var browserHeight = $(window).height();
    var browserWidth= $(window).width();
    $('.fullscreen').css({
        height: browserHeight ,
        width: browserWidth
    });
})
</script>
  <img id="imgg" class="fullscreen" src="images/album/thumbs/1.jpg" alt="images/album/1.jpg" height='' width=''/>
于 2013-06-10T14:04:39.707 に答える