html5实现图片切换(html如何设置图片切换)

用js写鼠标事件，鼠标移入更改img的src内的路径；直接搜索下js轮播，jq轮播先定位图片定时图片切换加上按钮执行点击切换鼠标移入图片范围时停止切换，离开时接着切换；第一步将N张图片去排版定位第二步现在已经知道了这3张图片的位置，接下来就是去点击它，改变他的位置，这个点击其实用js就很容易实现onclick点击事件，可以搜下第三步图片就这样切换了假设手机屏幕宽是50像。

十五级大神的答案貌似不是很确切，其实css3+html5非常强大，基本上可以脱离js，除非要做出能响应移动设备触屏事件的网站，或者我的观点也落伍了，html5+css3也可以做出触屏响应特效我看csdn右侧图片切换有点；鼠标点击切换是必须使用js的，如果只是自动切换可以不用js，直接用css来实现，参考html5有关实例；这几天研究canvas制作动态背景的时候，发现这个东西稍微改改就变成图片切换的功能了，可以代替动态修改img标签的src属性，实现图片定时切换功能先奉上代码function switchPiccontainerId， pics， speed = 1000， width =；curIndexltscriptltimg id=obj src =quotphotos1jpgquot width=200 height=150 border =0就这个吧，把这个复制到HTML文件里面，这个是JS程序CSS没有这个功能实在不会你把文件发给3859里面，然后这里追问；我大概理解到了你的意思，是想实现背景的视觉差效果吧如果是这个的话两种方法，一种是设置backgroundattachmentfixed背景固定了 另外一种就是利用 animate css3的属性，想兼容更多的浏览器建议用jquery控制感觉应该是你。

2这里是html文件，引入css和html代码文件，如图所示3这里是css文件代码，上面是div和图片显示的效果代码，后面是动画效果4这里是事件，这里定义了四个时间段的状态，兼容了ie的5如图所示这里是效果图，会根据；html5网页背景图手动上传切换代码这样写1html5网页背景图手动上传切换代码需要在网页上点击鼠标右键查看网站源代码2找到css里面的背景图这一段代码，查看背景图路径，通过ftp或者服务器进行替换图片即可；6HTML5CSS3淡入淡出滑块焦点图 非常清新我们已经分享过几款简单的CSS3jQuery焦点图插件，像HTML5结合jQuery实现图片滑块特效CSS3jQuery全屏立体焦点图等，大家可以到焦点图栏目下查找今天要分享的这款焦点图切换时有；静态获取图片写法，给定图片的个数，用js实现轮播图自动转换lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitleDocumentlttitle lt！ ***设置样式*** ltstyle type=quottextcssquot；function draw var ctx = documentgetElementById#39canvas#39getContext#392d#39var img = new Imageimgonload = function ctxdrawImageimg，0，0 imgsrc = #39imagesbackdroppng#39 这个的；to transform rotate360deg ltstyleltheadltbodyltimg src=quotquot alt=quot没图片quot width=quot100pxquot height=quot100pxquotltbodylthtml这是旋转效果， 换图你是想怎么个换法。

那个使用的是连接跳转，很简单的就是A图片给他个连接指向B图片，点击A图片就能变成B图片。