我用html5 做了个手机网站 如何让图片本身100%放大

Posted 2023-04-11

我用html5 做了个手机网站 其中
<img src="xx.jpg" width="100%"/>(这里的100%的针对手机屏幕的)
我如何点击这个图片，让这个图片 本身 100%放大，然后拖动屏幕来浏览。

参考技术A html5页面加入这段
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=2,user-scalable=no"/>

maximum-scale=2 表示页面最大放大2倍，这样你只要双击图片就可以实现放大了，如果是要js来实现的话 那就得写拖动插件了。 原理：先改变图片那个div的宽度为2倍然后定义那个div为绝对定位，这个div可以拖动（需要js来监听处理对应的函数）

所以简单的做还是就用浏览器自带的放大功能吧本回答被提问者采纳 参考技术B imgwidth:100%;，这就是图片的本身宽度。 参考技术C 写一个js就好了追问

怎么写？

追答

给图片加个id属性，加个onclick()事件

function dj()
document.getElementById("img").width="200%";


也不知道行不行，我是新手

参考技术D width改为图片的宽度

用织梦CMS做的程序，我用 marquee 做了个向上滚动的，现在请问怎么设置，让标题停一秒钟再滚动啊？请看图

请看我的滚动代码！
<marquee behavior=scroll direction=up width=235 height=30 scrollamount=1 scrolldelay=30 onmouseover='this.stop()' onmouseout='this.start()'>
dede:arclist typeid='5,2,6,0' titlelen='90' row='1'
<p><i style="background:url(/templets/hao/images/iicon.png) no-repeat center;"></i><a href="[field:arcurl/]" title="[field:title /]" class="[field:title /]"><span>•[field:title /]</span><i> </i></a></p>
/dede:arclist
</marquee>

目前我这个滚动代码，他不会停顿一秒钟，我想让标题出来后，停顿一秒钟，再往上滚动！请问应该怎么停顿呢？怎么加代码？

参考技术A 没法弄 你可以用JS 做滚动 JS 可以设置时间的