Javascript 将特定html文件上的幻灯片图像调整到移动屏幕
我有这个问题。我有一张有4张图片的幻灯片,我已经把幻灯片本身调整到了移动屏幕上,但没有调整幻灯片中的图片,我该怎么做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
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,那就太好了