open new window beside picture or enlarg picture

bahare g

17y4k.NET

How can I make the picture to be enlarge, in a new window beside itself, just when the mouse pointer gets over that?

7 Replies

Know the answer? Post it — somebody with the same question will find it here.

bahare g17y ago
please see this link, i want this
http://pottery-glass.shop.ebay.com/Art-Glass-/955/i.html?_catref=1 then see this product :
BLUE JACK-IN-THE-PULPIT CORREIA STUDIO ART GLASS VASE please attention to enlarg
really in ebay.com when mose over on enlarg that open a new window close to product that have multi or one picture which can be i chosen them to see large.
kind regards.

Kirtan Patel17y ago

Here is JavaScript for Image Zoom and Unzoom on Mouse Hove

check "Do you like this answer" if it help you :)

DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Zoomtitle>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
body {
    background-color:#000;
 }
.growme{
    padding-left:50px;
}
#wrapper    {
    text-align:center;
    margin:0 auto;
    top:50%;
    position:absolute;
    width:99%;
}
style>

<script type="text/javascript">
var c=72; //Starting size
var maxsize = 800; //Maximum Size
var minsize = 72; //Minimum Size
var speed=1; //1: Fastest
var obj,myzoom;

function zoomMyImages()    {
    var e = document.getElementsByTagName("img")
    for (var i=0; i < e.length; i++)    {
        if (e[i].getAttribute('class')=="growme")    {
            e[i].setAttribute('onmouseover','zoom(this)');
            e[i].setAttribute('onmouseout','unzoom(this)');
            e[i].style.marginLeft=-minsize/2+'px';
            e[i].style.marginTop=-3*minsize/8+'px';
            e[i].style.width=minsize+'px';
            e[i].style.height=3*minsize/4+'px';
        }
    }
}
window.onload=zoomMyImages;

function zoom(obj) {
    if(c>maxsize) return
    obj.style.marginLeft=-c/2+'px';
    obj.style.marginTop=-3*c/8+'px';
    obj.style.width=c+'px';
    obj.style.height=3*c/4+'px';
    c+=4;
    myzoom=setTimeout(function(){zoom(obj)},speed);
}
function unzoom(obj) {
    if(creturn
    
    clearTimeout(myzoom);
    obj.style.marginLeft=-c/2+'px';
    obj.style.marginTop=-3*c/8+'px';
    obj.style.width=c+'px';
    obj.style.height=3*c/4+'px';
    c=c-4;
    myzoom=setTimeout(function(){unzoom(obj)},speed);
}
script>

head>
<body>
<div id="wrapper">
<img src="http://mysite.orange.co.uk/azygous/images/col.jpg" alt="" class="growme">
<img src="http://gimmecorn.com/images/cow_800.jpg" alt="" class="growme">
div>
body>
html>

Dipa Ahuja17y ago
i found this :

http://nsftools.com/tips/ImageResize.htm
Amit Choudhary17y ago
just go through my uploaded files and m sure you'll definitely get what you want...... for any further help you can mail me

: [email protected]
bahare g17y ago
i want to simulate enlarg button from ebay.com.in ebay.com near some product is enlarge button,when the mouse pointer get over it,it open a new window beside itself that show enlarge picture.my pictures are in database.pleaze help me.
Amit Choudhary17y ago
Get a free idea how to do this from my sample code.... m using in my website and its is awesome using JQuery

get it here http://www.mediafire.com/?sharekey=ee14453981e4ca194c17ca8801618ef7e04e75f6e8ebb871

======================================================
Don't forget to mark it as answer
jinge17y ago
Use javascript:

http://javascript-image-zoom.safe-install.com/