Hi,
I am using zooming concept in my project. I got the zooming javascript from the URL : http://www.mind-projects.it/projects/jqzoom/demos.php#demo3 .
What my problem is
When my URL is like that http://localhost:1888/projname/Default.aspx?u=in , the zooming option is working properly.
When my URL is like that http://localhost:1888/projname/in/Default.aspx, the zooming option is not working, it showing error "object doesn't support this property or method" line : <a href="big.jpg" class="jqzoom" >
How to solve this?
Here below is my code :
<script type="text/javascript" src="Javascript/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="Javascript/jqzoom.pack.1.0.1.js"></script>
<link rel="stylesheet" type="text/css" href="App_Themes/Playgoose/css/jqzoom.css" media="all" />
<style type="text/css">
div.notes{
font-size:12px;
}
div.notes a{
color:#990000;
}
</style>
<script type="text/javascript">
$(function () {
var options =
{
zoomWidth: 250,
zoomHeight: 250
}
$(".jqzoom").jqzoom(options);
});
</script>
<div id="content" style="margin-top:200px;margin-left:100px;">
<a href="big.jpg" class="jqzoom" >
<asp:Image ID="Image1" ImageUrl="~/Small.jpg" runat="server" />
</a><br>
</div>
Thanks,
GeeGee