Enlarging an image with popup window

Discussion in 'HTML & Website Design' started by JimCrown, Oct 11, 2013.

  1. #1
    I know how to code popups in html. What I'm looking for is the js code for the following: When you hover over an image and a circle or square opens above it with enlargement of image or other information, and its got an arrow type shape coming off of one corner pointing back to the original image. Any help would be appreciated.
     
    Solved! View solution.
    JimCrown, Oct 11, 2013 IP
  2. Jason Macfarlane

    Jason Macfarlane Greenhorn

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    1
    Trophy Points:
    21
    #2
    Last edited by a moderator: Oct 13, 2013
    Jason Macfarlane, Oct 13, 2013 IP
  3. #3
    Do you mean something like Fancybox? fancybox[dot]net
     
    Jason Macfarlane, Oct 13, 2013 IP
  4. JimCrown

    JimCrown Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #4
    Yes, Thank you Jason. That is just what I was looking for, didn't know it was called "FancyBox".
     
    JimCrown, Oct 14, 2013 IP
  5. Jason Macfarlane

    Jason Macfarlane Greenhorn

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    1
    Trophy Points:
    21
    #5
    You're welcome! I didn't think my first reply worked.. sorry for replying twice!
     
    Jason Macfarlane, Oct 14, 2013 IP
  6. JimCrown

    JimCrown Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #6
    Do you know how to change the shape of the box? And how about putting the little pointer that coms off one corner and points to the original? Here's what I'm thinking: I am trying to show the differences between pixel images and vector images. I would like to be able to have the viewer enlarge a portion of the image to show the degradation of pixels that results versus the enlarged crispness of a vector image.[​IMG]
     
    JimCrown, Oct 14, 2013 IP
  7. JimCrown

    JimCrown Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #7
    Do you know how to change the shape of the box? And how about putting the little pointer that coms off one corner and points to the original? Here's what I'm thinking: I am trying to show the differences between pixel images and vector images. I would like to be able to have the viewer enlarge a portion of the image to show the degradation of pixels that results versus the enlarged crispness of a vector image. src="http://www.motorcyclecoaster.com/popoutquote.jpg"]
     
    JimCrown, Oct 14, 2013 IP
  8. Jason Macfarlane

    Jason Macfarlane Greenhorn

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    1
    Trophy Points:
    21
    #8
    I think I understand what you mean, but I wouldn't know how to do that off the top of my head. I'd usually just spend lots of time experimenting with it.. Hopefully someone else here is more familiar with it than I am.. All I know is that to change the shape of the box, you just need to change some of its CSS properties.
     
    Jason Macfarlane, Oct 14, 2013 IP