点击小图显示大图和详细信息?如何使用jquery从ASP.NET的数据库中获取放大的效果?网上搜一下放大镜像效果,一个两个,先把两个图都看了,大的那个是隐藏的,另一个用ajax。你可以从数据库中读取大图,隐藏在一个div中,然后当你把鼠标放在小图上面的时候,你就不能只显示大图的div吗。
我自己没试过。我给你出个主意,只能帮你走到这一步。HTML写了一个div,里面嵌入了两个div,一个承载图片,一个承载细节。在js中,jq code绑定事件。点击图片显示用HTML写的div。这通常使用css来显示特定的内容。比如有一张icon.png的图片,里面包含了很多内容,所以可以用在css里。。sa {宽度:20px高度:20px溢出:隐藏;背景:URL(icon . png)no repeat 20 px 30 px;}注意:宽度和高度控制显示范围的溢出:隐藏是为了保证不会出现不必要的显示背景:url(icon.png)以图片为背景显示,只能作为背景显示,以达到这种做法的目的。norepeat不重复,没必要,但是会规范一些20px30px图片的定位。显示时,图片会根据这个坐标进行定位,这个坐标只是为固定大小的显示内容定义的。如果大小不固定,您可能需要更改背景属性中的设置。
网上搜放大镜像效果,两种之一,先把两张图都读完,大的那张是隐藏的,另一张用ajax。Lxmtalk#vip.qq.com给我发邮件,我给你发。你可以从数据库中读取大图,隐藏在一个div中,然后当你把鼠标放在小图上面的时候,你就不能只显示大图的div吗?你实现了,应该没问题。看大图放在一个隐藏的img里,点js就会显示出来。
很简单。先用css缩小图片,再用js 放大。我直接在图片上写js就省事了,你可以自己拿出来:或者更简单,直接用css控制,不用写js:# img 1 { width:50px;高度:50px} # img 1:hover { width:300 px;高度:300px}。
今天一个鼠标滚动功能放大缩小图片看起来很简单。从网上一搜,都是onmousewheel的例子,都是只支持IE浏览器。结果发现Firefox有一个对应的DOMMouseScroll来处理这个函数。代码如下。并补充说明:复制代码如下:$ (function () {$(。bodyimg)。each (function () {if ($。browser.msie) {$(这个)。绑定(鼠标滚轮,
ve . wheel delta | | e . detail;if(v>0)resizeImg(this,false);//放大Pictures Elsesizeimg(这个,真);//缩小图片window . event . return value false;//移除浏览器默认滚动事件//e . stop propagation();返回false;})}else{$(这个)。bind(DOMMouseScroll。