Jump to content

Recommended Posts

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link rel="stylesheet" type="text/css" href="magnifier.css">

<script type="text/javascript" src="event.js"></script>

<script type="text/javascript" src="magnifier.js"></script>

<script type="text/javascript">

var evt = new Event(),

n= new magnifier(evt);

 

m.attach({

thumb:'.img',

largewrapper:'preview'

})

</script>

 

<title>Untitled Document</title>

</head>

 

<body onload="">

 

<div><a class="magnifier-thumb-wrapper" href="http://localhost/niki/products_view.php?prdt_id="><img class="product_img" id="thumb" src=".$image_url." data-large-img-url=".$image_url." data-large-img-wrapper="preview" /></a>

<div class="magnifier-preview" id="preview" style="width:300px; height:200px;">$name</div></div>

</div>

</body>

</html>

 

 

it shows only the image box on mouse event 

 

 

pls help

thanks

priyanka 

 

Link to comment
https://forums.phpfreaks.com/topic/287251-image-magnifier-doubt/
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.