Hey guys,
may be someone already did this but anyway. A while ago I asked about how to implement zoom feature like
http://www.zoomfactory.org..the idea came from this disscution
http://www.4homepages.de/forum/index.php?topic=13485.0 as pointed out by mawenzi (thanx for that) so I played arround to make it a bit more simple to implement and easy to use:
1. go to:
http://valid.tjp.hu/zoom2/index_en.html copy and paste the script and save it on your server like:
http://yourserver.com/zoom/zoom.js2. open your header.html and find
</head>
paste above:
<script type="text/javascript" src="
http://yourserver.com/zoom/zoom.js"></script>
3. Open your details.html
find: {image}
replace {image} with
[qcode]
{if user_loggedout}{image} {endif user_loggedout}
{if user_loggedin}
<div style="float:left" onmouseover="zoom_on(event,{width},{height},'{media_src}');" onmousemove="zoom_move(event);" onmouseout="zoom_off();"><img src="{media_src}" alt="{image_name}" style="padding:0;margin:0;border:0" /></div>
<div style="clear:both;">
{endif user_loggedin}
[/qcode]
this feature will be visible only for the registered users if you want everyone to have a zoom effect just delete:
{if user_loggedout},{image}, {endif user_loggedout} ,{if user_loggedin} and {endif user_loggedin}
well thats it sory if its repetition.
ms
PS :
1. you can edit all the js options whitin the script itself..you dont have to alter the header.html
2. Tested with FF and IE works fine
3. and I think this guy deserves a big kudos for the script so dont forget to put a link to his site in your footer.html -->
http://valid.tjp.hu/zoom2/index_en.html PSS:
You can also set the
var defzoomamount=1;
so when you roll the mouse over the image nothing will happen but pressing the left or right button will zoom in..