问题描述
嘿伙计们，
关于它自己说的问题，但更具体的是我想在我的asp.net mvc应用程序中实现Elevate Zoom jQuery插件但是还没有运气。它是因为我是jQuery和JavaScript的新手，或者它没有更好的文档记录。任何一步一步的教程或想法将不胜感激。在此先感谢。
我尝试过：
@model EShopperTheme.Domain.Entities.Product
<！DOCTYPE html>
< html>
< ; head>
< meta charset ='utf-8'/>
< title> jQuery elevateZoom演示< / title>
< script src ='jquery-1.8.3.min.js'>< / script>
< script src ='jquery.elevatezoom.js'>< / script> ;
< / head>
< body>
基本缩放示例
< img id =zoom_01src ='〜/ Images / Home / girl1.jpg'data-zoom-image =〜/ Images / Home / girl1.jpg/>
在线查看更多示例
< script>
$（'＃zoom_01'）。elevateZoom（{
zoomTyp e：内部，
光标：十字线，
zoomWindowFadeIn：500，
zoomWindowFadeOut：750
}）;
< / script>
< / body>
< / html>
Hey folks,
As the question it self says all about it but to be more specific i would like to implement Elevate Zoom jQuery plugin in my asp.net mvc application but had no luck yet. Either its because i am new to jQuery and JavaScript or it's not better documented. Any step by step tutorial or ideas will be much appreciated. Thanks in Advance.
What I have tried:
@model EShopperTheme.Domain.Entities.Product
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title>jQuery elevateZoom Demo</title>
<script src='jquery-1.8.3.min.js'></script>
<script src='jquery.elevatezoom.js'></script>
</head>
<body>
Basic Zoom Example
<img id="zoom_01" src='~/Images/Home/girl1.jpg' data-zoom-image="~/Images/Home/girl1.jpg" />
see more examples online http://www.elevateweb.co.uk/image-zoom/examples
<script>
$('#zoom_01').elevateZoom({
zoomType: "inner",
cursor: "crosshair",
zoomWindowFadeIn: 500,
zoomWindowFadeOut: 750
});
</script>
</body>
</html>
推荐答案
这篇关于如何在我的asp.net mvc应用程序中实现提升缩放库和灯箱jquery插件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！