如何使图像即使发生变化也能缩放?
我正在尝试制作一个放大图像的脚本。这是页面:
http://vermilionsite.com/phone/?id=1
点击第一个选项,然后选择一种颜色,然后将鼠标悬停在图像上。它使用原始图像。我怎样才能使缩放使用新的彩色图像?
I'm trying to make a script that zooms into an image. This is the page:
http://vermilionsite.com/phone/?id=1
Click the first option, then choose a colour, then mouseover the image. It uses the original image. How can I make it so that the zoom uses the new coloured image?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
使用这个http://www.userdot.net/files/jquery/jquery。放大镜/演示/
use this http://www.userdot.net/files/jquery/jquery.loupe/demo/
您刚刚添加的 jQuery 函数在图像上添加了一个带有背景的 div,而缩放图像的原始鼠标覆盖函数会在覆盖层中移动“bg-iphone.png”背景,因此逻辑与您一样有些缺陷还需要在原始 div 上使用另一个具有相同颜色的背景图像,因此 bg-iphone.png 修改为相同的颜色。我想您可以修改返回颜色叠加层的脚本,以返回修改后的图像,并将图像的背景从 bg-iphone.png 更改为与叠加层颜色相同的 png。
或者您可以拥有三个与您需要的颜色相同的修改后的 png,这将更改选择功能中的背景图像。
希望这有帮助。
The jQuery function you have just adds a div with a background over the image, while the original mouse overlay function that zooms your image moves the 'bg-iphone.png' background around in an overlay, so the logic is somewhat flawed as you would also need another background image with the same color on the original div so a bg-iphone.png modified with the same color. I guess you could modify the script that returns your color overlay to also return a modified image and change the background of the image from bg-iphone.png to a png with the same color as the overlay.
Or you could have three modified pngs with the same colors you need that would change the background image in the select function.
Hope this helps.