淘宝有放大镜特效是对于商品主图来说。只要在发布宝贝时把商品主图的尺寸设置在700X700或者以上,主图就会有放大镜特效:
当鼠标放在主某一个位置上,主图右侧即显示出鼠标所在位置的放大图。
代码我就不写出来了,讲讲实现原理和方式就可以了,剩下的就看你的悟性了。淘宝商品放大镜效果,其实不是真的放大。商品是位图,放大就会失真、模糊、有锯齿。那它是什么实现放大呢?其实,你看到的是两张,两张一模一样的,只不过,其中一张是高清大,另一张是等比例缩小的小。大图一直隐藏着,当鼠标放在小图上时,等比例位置显示大。于是就形成了放大镜效果。如果是网页,已经有很多现成的成熟的放大镜效果JS库可以用。C# Winform 嘛,只能自己写了,很简单,就两个框(或两个panel), 一大一小,一个隐藏一个显示,鼠标事件,简单的等比例位置换算。就这么简单。找到放大镜的js,并在jquery代码下添加这行
jQuerynoConflict();
此外,magento有很多放大镜的插件,一般都是集成好的。
有问题继续追问吧
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)