准备切换图片素材，一般是两张，如图，放入img文件夹，跟HTML同级。然后用img嵌入到网页，嵌入其中的一张，另外一张待会切换。如图，现在是静态的，鼠标放上去也不会产生切换反应，因为没有用JS。
成都创新互联公司是工信部颁发资质IDC服务器商，为用户提供优质的服务器托管服务
用脚本（js或jquery）实现：onmouseover的时候显示播放按钮层(div)，onmouseout的时候再隐藏播放按钮层。用css实现：hover 伪类在鼠标移到元素上时向此元素添加特殊的样式。
(function(){ $(.pcdown li).mouseover(function(){ $(this).siblings().find(p).hide()； $(this).find(p).show()； })；})；先把所有的p隐藏，然后显示当前的。就行了。
这个不光用到jquery的animate，还要有css基础才行，要不你光靠js是做不出的。
鼠标放上之后，出现图片本身的文字说明。例如： 这个现在不常用的。浏览器也不一定支持了。那么第二种情况，就要用到JavaScript或者jQuery。
1、首先你要先准备好small.jpg、big.jpg小图和大图；然后加载jquery文件；开始写效果代码。
2、给img添加加载事件，图像加载完成才能获取图片的尺寸。
3、(#preview).height()；上面这个宽和高是你看到的图片的大小，不一定是图片本身的真实尺寸（有可能在 HTML 中你设置了 width 和 height）。
4、可以很明确的说，js无法得知没有标示的img标签的原图的图片大小。
js做点小图弹出大图的，一般都是分成了2份图片文件的，一种小的缩略图，一种是大的图片。
在jquery里可以直接用isNaN()，因为他是JavaScript的类库。是由JavaScript语言写的。
用jquery很容易实现 先调用一个jquery。
建议你可以参考一下jquery.lazyload插件的实现原理。它的目的是控制图片根据当前页面滚动条的位置进行加载的。
dreamweaver cs6可以不用插件，直接显示jquery提示 你是不是在电脑内安装了多个版本的dreamweaver？插件管理器乱了。 下载cs6呗。或者编辑jquery的时候使用其他编辑器。
用jquery很容易实现 先调用一个jquery。
新建HTML文件。引入jquery.min.js文件。创建HTML内容。预览效果如图。用jquery创建点击事件，点击隐藏按钮，p内容隐藏。用jquery创建点击事件，点击显示按钮，p内容显示。
在这个按钮的点击事件中选中该图片后调用jQuery的hide()方法。
点击后，需要复制的隐藏内容在这里，后台可以传值到这里，变成动态的内容。
