• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 216
  • Last Modified:

How to position image pop up in exact position on a webpage

Hi There,
I am trying to find some javascript that does an image pop up on mouse over.
The main thing though is I need the image to be positioned EXACTLY on the webpage (wihtin a div with defined left, right within the webpage)
not the browser screen.
Does anyone know how to do this?
A
0
Amanda Watson
Asked:
Amanda Watson
  • 2
  • 2
1 Solution
 
Dave BaldwinFixer of ProblemsCommented:
A popup is a new window so it wouldn't be within a <div> on the underlying page.  You can use mouse over to put an image in a div without it being a popup.  Here http://www.dibsplace.com/webdev/PhotoGal.html is one of my pages that does that.  When you 'mouseover' a thumbnail, it puts a larger version in the <img> with the name 'bigpic'.  Feel free to use the code.
0
 
Amanda WatsonWeb DeveloperAuthor Commented:
yeh I have seen that - I was using it within dreamweaver by creating a blank.gif image as the target -
Might be the solution
Do you know if most of the javascript codes use the left and top to align to the web browser screen or within the div it is in?
0
 
Dave BaldwinFixer of ProblemsCommented:
In my code, the image is centered in a table <td>.  I put a default image in there so it won't be blank.  If you are doing a popup or pop-over, it's a div usually centered on the page because you can't make it a popup inside an existing div.
0
 
Slim81Commented:
Can you show the html?
0
 
Amanda WatsonWeb DeveloperAuthor Commented:
Yeah I messed around with the div position and got it ta
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now