Hi rani
Using this article i have created the example.
Controller
public class HomeController : Controller
{
public IActionResult Index()
{
return View();
}
}
View
@addTagHelper*, Microsoft.AspNetCore.Mvc.TagHelpers
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
</head>
<body>
<img alt="" src="" id="img1" />
<div id="dvImages" style="display: none">
<img alt="" src="http://www.mathieusavard.info/threesixty/1.jpg" />
<img alt="" src="http://www.mathieusavard.info/threesixty/2.jpg" />
<img alt="" src="http://www.mathieusavard.info/threesixty/3.jpg" />
<img alt="" src="http://www.mathieusavard.info/threesixty/4.jpg" />
<img alt="" src="http://www.mathieusavard.info/threesixty/5.jpg" />
<img alt="" src="http://www.mathieusavard.info/threesixty/6.jpg" />
<img alt="" src="http://www.mathieusavard.info/threesixty/7.jpg" />
<img alt="" src="http://www.mathieusavard.info/threesixty/8.jpg" />
<img alt="" src="http://www.mathieusavard.info/threesixty/9.jpg" />
<img alt="" src="http://www.mathieusavard.info/threesixty/10.jpg" />
<img alt="" src="http://www.mathieusavard.info/threesixty/11.jpg" />
<img alt="" src="http://www.mathieusavard.info/threesixty/12.jpg" />
<img alt="" src="http://www.mathieusavard.info/threesixty/13.jpg" />
<img alt="" src="http://www.mathieusavard.info/threesixty/14.jpg" />
<img alt="" src="http://www.mathieusavard.info/threesixty/15.jpg" />
<img alt="" src="http://www.mathieusavard.info/threesixty/16.jpg" />
<img alt="" src="http://www.mathieusavard.info/threesixty/17.jpg" />
<img alt="" src="http://www.mathieusavard.info/threesixty/18.jpg" />
<img alt="" src="http://www.mathieusavard.info/threesixty/19.jpg" />
<img alt="" src="http://www.mathieusavard.info/threesixty/20.jpg" />
<img alt="" src="http://www.mathieusavard.info/threesixty/21.jpg" />
<img alt="" src="http://www.mathieusavard.info/threesixty/22.jpg" />
<img alt="" src="http://www.mathieusavard.info/threesixty/23.jpg" />
<img alt="" src="http://www.mathieusavard.info/threesixty/24.jpg" />
<img alt="" src="http://www.mathieusavard.info/threesixty/25.jpg" />
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.rawgit.com/matdumsa/jQuery.threesixty/master/jquery.threesixty.js"></script>
<script type="text/javascript">
$(function () {
var arr = new Array();
$("#dvImages img").each(function () {
arr.push($(this).attr("src"));
});
$("#img1").attr("src", arr[0]);
$("#img1").threesixty({
images: arr,
method: 'mousemove',
sensibility: 1
});
});
</script>
</body>
</html>
Screenshot
