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 回答