Javascript 将特定html文件上的幻灯片图像调整到移动屏幕

Javascript 将特定html文件上的幻灯片图像调整到移动屏幕,javascript,html,slideshow,Javascript,Html,Slideshow,我有这个问题。我有一张有4张图片的幻灯片,我已经把幻灯片本身调整到了移动屏幕上,但没有调整幻灯片中的图片,我该怎么做 this is my html slide: <div id="wrapper"> <div id="container"> <div class="sliderbutton" id="slideleft" onclick="slideshow.move(-1)"></div> &l

我有这个问题。我有一张有4张图片的幻灯片,我已经把幻灯片本身调整到了移动屏幕上,但没有调整幻灯片中的图片,我该怎么做

this is my html slide:

    <div id="wrapper">
    <div id="container">
        <div class="sliderbutton" id="slideleft" onclick="slideshow.move(-1)"></div>
        <div id="slider">
            <ul>
                <li><img class="myScalableImage" src="images/slide/photos/imagem_corporativa_grande.jpg" alt="Image One"  width="" height="" /></li>
                <li><img class="myScalableImage" src="images/slide/photos/web_design_grande.jpg" alt="Image Two"  width="" height="" /></li>
                <li><img class="myScalableImage" src="images/slide/photos/fotografia_grande.jpg" alt="Image Three"  width="" height="" /></li>
                <li><img class="myScalableImage" src="images/slide/photos/video_grande.jpg" alt="Image Four"  width="" height="" /></li>
            </ul>
        </div>
        <div class="sliderbutton" id="slideright" onclick="slideshow.move(1)"></div>
        <ul id="pagination" class="pagination">
            <li onclick="slideshow.pos(0)"></li>
            <li onclick="slideshow.pos(1)"></li>
            <li onclick="slideshow.pos(2)"></li>
            <li onclick="slideshow.pos(3)"></li>
        </ul>
    </div>
</div>


And my Javascript:


$(document).ready(function(){
var img = new Image();
img.onload = function () {
var width = this.width;
var height = this.height;
}
img.src = document.getElementById('myScalableImage').src;
var divHeight = $("#slider").height();
var divWidth = $("#slider").width();    
$('#myScalableImage').attr('width', divWidth);
$('#myScalableImage').attr('height', divHeight);
return false;
});
这是我的html幻灯片:
还有我的Javascript: $(文档).ready(函数(){ var img=新图像(); img.onload=函数(){ var-width=这个.width; var高度=此高度; } img.src=document.getElementById('myScalableImage').src; var divHeight=$(“#滑块”).height(); var divWidth=$(“#滑块”).width(); $('myScalableImage').attr('width',divWidth); $('myScalableImage').attr('height',divHeight); 返回false; });
在JS代码中:
document.getElementById('myScalableImage')
是空的


您没有带有该ID的标记。

如果您可以发布css,那就太好了