PriyankaVivekanandhan Posted March 25, 2014 Share Posted March 25, 2014 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <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 Quote Link to comment https://forums.phpfreaks.com/topic/287251-image-magnifier-doubt/ Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.