js滚动图片的时候如何控制里面图片的大小

网上找了很多js滚动图片的效果,但是都是下载下来然后图片是固定了的,我现在需要把图片的宽度和高度都要修改成自己的,但是那个计算我改了好半天都没修改好,就是那个每个图片中间... 网上找了很多js滚动图片的效果,但是都是下载下来然后图片是固定了的,我现在需要把图片的宽度和高度都要修改成自己的,但是那个计算我改了好半天都没修改好,就是那个每个图片中间的间隔宽度*间隔的个数+图片的宽度*图片的个数的那个东西,有的在样式里面,有的在js里面老是设置不恰当,要么就是前几个滚动正常,后面的就只能显示半张图片了越到后面就越不行了,希望能给个简单计算就能设置的实例,谢谢!
同时还有箭头点击滚动的!
展开
 我来答
趴趴小戒
推荐于2016-08-09 · TA获得超过330个赞
知道小有建树答主
回答量:115
采纳率:0%
帮助的人:123万
展开全部
我这有一个不间断向左滚动的代码,很好用的,你可以试试看
<div id="Demo_t0" style="overflow:hidden;width:730;height:182;">
<table width=" 0" height="136" border=0 align=center cellpadding=0 cellspacing="0" cellspace=0>
<tr>
<td align="center" valign=top id=Demo_t1><table width=" 0" height="136" border=0 align=left cellpadding=0 cellspacing="0" cellspace=0>
<tr>
<td width=" 0" align="center" valign="middle">滚动内容</td>
</tr>
</table></td>
<td width="1" valign=top id=Demo_t2></td>
</tr>
</table>
</div>
<script language="javascript">
var Demo_speed=30
Demo_t2.innerHTML=Demo_t1.innerHTML
function Demo_Marquee(){
if(Demo_t2.offsetWidth-Demo_t0.scrollLeft<=0)
Demo_t0.scrollLeft-=Demo_t1.offsetWidth
else{
Demo_t0.scrollLeft++
}
}
var Demo_MyMar=setInterval(Demo_Marquee,Demo_speed)
Demo_t0.onmouseover=function() {clearInterval(Demo_MyMar)}
Demo_t0.onmouseout=function() {Demo_MyMar=setInterval(Demo_Marquee,Demo_speed)}
</script>

注意数值的修改:
width:730;height:182 这个是滚动范围的宽与高的范围

speed=30 是滚动速度的设置,数值越小,速度越快。

代码说明:

可设置一个一行一列的表格,然后将要滚动的图片依次上传到该图片中。然后将这段所生成的代码,在滚动代码中,将“滚动内容”几个字替换。 可以试一试
tongchuanxing
2015-09-25 · TA获得超过379个赞
知道小有建树答主
回答量:775
采纳率:50%
帮助的人:300万
展开全部
首先要确定窗口的大小。然后在窗口尺寸变化的时候也要更改,也就是 onload事件和onresize事件,每次都要计算,先取到 窗口大小,然后在去计算图片大小,如果图片宽了就给个高度,如果图片高了就给个宽度,总之有一个比例,你控制图片的宽和高,实际图片的宽和高,有一个比例 大概是
控制图片的宽高比和 实际图片的宽高
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式