Image enlarge java script for all DP members-free

Discussion in 'JavaScript' started by tptnyc, Jun 27, 2011.

0
  1. #1
    I had hard time learning it to enlarge thumbnail images. Finally, I got it right and it's working. Here is the complete code for anyone interested for all dp members: Just copy & paste and make small changes to the names of your images.jpg whatever you have. First the large images & then the thumbnail ones. You can add any number of images. No limit. Good luck!


    <head>
    <SCRIPT language=Javascript>
    function openWin(page,name,width,height)
    {
    winOpts = 'toolbar=0,width=' + width + ',height='+ height +',directories=0,status=1,scrollbars=0,resize=0,menubar=0,location=0,copyhistory=0'
    if (navigator.userAgent.indexOf("Mac") >= 0)
    {
    var W = open(page,name,winOpts)
    open(page,name,winOpts)
    } else {
    var W = open(page,name,winOpts)
    }

    W.creator = self;
    }
    </SCRIPT>

    </head>

    >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

    <table width="90%" border="0" align="left" cellpadding="0" cellspacing="0">
    <tr>

    <td><p align="center"><a href="javascript:eek:penWin('images/style_large_one.JPG','pop3',720,540);"><img src="../images/style_large_T1.JPG" border="0"><br> </a>


    </td>
    </tr>








    <tr>

    <td><p align="right"><a href="javascript:eek:penWin('images/style_mid_one.JPG','pop3',720,540);"><img src="../images/style_mid_T1.JPG" border="0"></a>


    </td>
    </tr>





    <tr>

    <td><p align="center"><a href="javascript:eek:penWin('images/style_mid_two.JPG','pop3',720,540);"><img src="../images/style_mid_T2.JPG" border="0"></p></a>


    </tr>




    <tr>

    <td><p align="center"><a href="javascript:eek:penWin('images/style_mid_five.JPG','pop3',720,540);"><img src="../images/style_mid_T5.JPG" border="0"></a>

    </td>
    </tr>
    </table>
     
    tptnyc, Jun 27, 2011 IP