Results 1 to 3 of 3

Thread: Having trouble Opening image in a new window

  1. #1
    Join Date
    Mar 2006

    Having trouble Opening image in a new window

    Hi there... I have a table with small images and when I mouseover them a bigger picture shows in another cell in the table. My code is working good for this. But I've tried to add code that if someone clicked on one of the smaller images that a specific bigger image would open in a new window without toolbars, addressbars, etc...... and be a certain size.

    You can view my sample here: http://www.mowbray.ca/~test/image.htm

    This sample just opens the picture into a new window... without the specifics that I'm going for.

    I had some code that worked by itself but when I mixed it with my javascript used here... the code wouldn't run.

    Any help will be much Appreciated.

    Thanks Craig

  2. #2
    Join Date
    Mar 2006
    I think you want to open a new HTML doc with JS rather than view your jpg in a new window, as in

    function newWin(theDestPage)
    win=window.open(theDestPage, "", "height=600, width=700, toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes");

    Then you need in your smaller image tag:
    <img border="0" src="images/nature/pic/Nature-01.jpg" width="75" height="57" onmouseover =" doButtons('images/nature/text/nature-text-01.jpg', 'images/nature/pic/Nature-01.jpg')" onmouseout =" doButtons('images/nature/text/nature-text-01.jpg', 'images/nature/pic/Nature-01.jpg')" onClick="newWin(nature-01.htm)"></a>

    You obviously need to generate an html page for each large image. OR (dunno - haven't tried it) you could try onClick="newWin(nature-01.jpg)"


  3. #3
    Join Date
    Mar 2006
    Thanks... works good. I open it as a *.jpg and it worked fine.

    Is it possible to change the Titlebar Title to a standard Title instead of the default?


Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center