Picture Poup

Discussion in 'HTML' started by Possum, Oct 16, 2006.

  1. Possum

    Possum Guest

    Hi

    I have an arts site and have thumbnails that Need to show larger picture in
    a popup window when clicked. Or opens another window that is not full screen
    but is the roughly the same size as the picture being displayed..

    how can I do this ..


    Cheers Peter



    --
    Posted via a free Usenet account from http://www.teranews.com
    Possum, Oct 16, 2006
    #1
    1. Advertising

  2. Possum

    dorayme Guest

    In article <4532e54f$0$27268$>,
    "Possum" <> wrote:

    > Hi
    >
    > I have an arts site and have thumbnails that Need to show larger picture in
    > a popup window when clicked. Or opens another window that is not full screen
    > but is the roughly the same size as the picture being displayed..
    >
    > how can I do this ..
    >



    You could look at

    http://sonspring.com/journal/hoverbox-image-gallery

    --
    dorayme
    dorayme, Oct 16, 2006
    #2
    1. Advertising

  3. Possum wrote:

    [stuff]

    I read the Subject header and though this was going to be a thread on
    photograph droppings. :)

    --
    Blinky RLU 297263
    Killing all posts from Google Groups
    The Usenet Improvement Project: http://blinkynet.net/comp/uip5.html
    Blinky the Shark, Oct 16, 2006
    #3
  4. Possum

    mbstevens Guest

    Possum wrote:
    > Hi
    >
    > I have an arts site and have thumbnails that Need to show larger picture in
    > a popup window when clicked. Or opens another window that is not full screen
    > but is the roughly the same size as the picture being displayed..
    >
    > how can I do this ..
    >
    >
    > Cheers Peter
    >
    >
    >

    <a href="images/11.jpg"
    onclick="window.open('images/11.jpg','flower_window','width=500,
    height=406'); return false;">
    <img src="images/1.jpg" width="50"
    height="41" alt="flower" />
    <p>(Image will open in a new window.)</p></a>

    ....but never, ever do it, or anything even
    vaguely like it.
    --
    mbstevens
    http://www.mbstevens.com/howtothumb
    mbstevens, Oct 16, 2006
    #4
  5. Possum

    jojo Guest

    mbstevens wrote:

    >> I have an arts site and have thumbnails that Need to show larger
    >> picture in a popup window when clicked. Or opens another window that
    >> is not full screen but is the roughly the same size as the picture
    >> being displayed..
    >>
    >> how can I do this ..

    >
    > <a href="images/11.jpg"
    > onclick="window.open('images/11.jpg','flower_window','width=500,
    > height=406'); return false;">
    > <img src="images/1.jpg" width="50" height="41" alt="flower" />
    > <p>(Image will open in a new window.)</p></a>
    >
    > ...but never, ever do it, or anything even vaguely like it.


    So why do you post it if you tell him not to use it just one line later?
    jojo, Oct 16, 2006
    #5
  6. Possum

    Nico Schuyt Guest

    dorayme wrote:
    > "Possum" <> wrote:
    >> I have an arts site and have thumbnails that Need to show larger
    >> picture in a popup window when clicked. Or opens another window that
    >> is not full screen but is the roughly the same size as the picture
    >> being displayed..
    >> how can I do this ..


    > You could look at
    > http://sonspring.com/journal/hoverbox-image-gallery


    Interesting approach. Thanks for the link!

    --
    Nico Schuyt
    http://www.nicoschuyt.nl/
    Nico Schuyt, Oct 16, 2006
    #6
  7. Possum

    Possum Guest

    Its Works.. thx



    "jojo" <> wrote in message
    news:egvdde$ste$...
    > mbstevens wrote:
    >
    >>> I have an arts site and have thumbnails that Need to show larger picture
    >>> in a popup window when clicked. Or opens another window that is not full
    >>> screen but is the roughly the same size as the picture being displayed..
    >>>
    >>> how can I do this ..

    >>
    >> <a href="images/11.jpg"
    >> onclick="window.open('images/11.jpg','flower_window','width=500,
    >> height=406'); return false;">
    >> <img src="images/1.jpg" width="50" height="41" alt="flower" />
    >> <p>(Image will open in a new window.)</p></a>
    >>
    >> ...but never, ever do it, or anything even vaguely like it.

    >
    > So why do you post it if you tell him not to use it just one line later?




    --
    Posted via a free Usenet account from http://www.teranews.com
    Possum, Oct 16, 2006
    #7
  8. Possum

    Andy Dingley Guest

    mbstevens wrote:

    > <a href="images/11.jpg"
    > onclick="window.open('images/11.jpg','flower_window','width=500,
    > height=406'); return false;">
    > <img src="images/1.jpg" width="50"
    > height="41" alt="flower" />
    > <p>(Image will open in a new window.)</p></a>
    >
    > ...but never, ever do it, or anything even
    > vaguely like it.


    Nothing wrong with most of that - you use href appropriately as a
    fallback if the JavaScript event handler isn't available. It does the
    right things with return values etc.

    I would suggest though using <br> instead of <p> to keep the HTML
    valid.

    I'd also give a useful title as the caption beneath the image, not an
    instruction to go clicking on things. If you need this, do it once per
    page.

    If the popup window is to have a size, then try to set this dynamically
    based on the actual size of the image. You can do this either server or
    client side.

    I'd also use the target="imagepopup" attribute on the <a> so as to open
    them in a new window (I know opinions vary on this, but IMHO it's a
    good use of it).
    Andy Dingley, Oct 16, 2006
    #8
  9. Possum

    mbstevens Guest

    Andy Dingley wrote:
    > mbstevens wrote:
    >
    >> <a href="images/11.jpg"
    >> onclick="window.open('images/11.jpg','flower_window','width=500,
    >> height=406'); return false;">
    >> <img src="images/1.jpg" width="50"
    >> height="41" alt="flower" />
    >> <p>(Image will open in a new window.)</p></a>
    >>
    >> ...but never, ever do it, or anything even
    >> vaguely like it.

    >
    > Nothing wrong with most of that - you use href appropriately as a
    > fallback if the JavaScript event handler isn't available. It does the
    > right things with return values etc.
    >
    > I would suggest though using <br> instead of <p> to keep the HTML
    > valid.

    I did in my page about the thumbnailing that
    I copied it from:
    http://www.mbstevens.com/howtothumb

    I saw the <br> on my page and thought, a <p>
    would work better. I didn't remember my own
    research!
    >
    > I'd also give a useful title as the caption beneath the image, not an
    > instruction to go clicking on things. If you need this, do it once per
    > page.


    That's not so much an instruction as a
    warning that the thing will open a new
    window. Visitors should be warned, at the
    very least, if you are about to do something
    so rude as opening a new window. Of course,
    you shouldn't do it at all!

    >
    > If the popup window is to have a size, then try to set this dynamically
    > based on the actual size of the image. You can do this either server or
    > client side.


    Finding the size of images on the fly might
    eat time. I think that this size should be
    known in advance, either stored by the server
    side program in a base or passed to the
    server side program by the call from HTML.
    For client side, you should just know the
    size of the image in advance and code it in.
    If it's on your site you can find it out in
    advance easily.

    >
    > I'd also use the target="imagepopup" attribute on the <a> so as to open
    > them in a new window (I know opinions vary on this, but IMHO it's a
    > good use of it).
    >
    mbstevens, Oct 16, 2006
    #9
  10. Possum

    mbstevens Guest

    jojo wrote:
    > mbstevens wrote:


    >> ...but never, ever do it, or anything even vaguely like it.

    >
    > So why do you post it if you tell him not to use it just one line later?


    There is a difference between facts and the
    ethical use of those facts. Facts should not
    be hidden.
    mbstevens, Oct 16, 2006
    #10
  11. Nico Schuyt wrote:
    > dorayme wrote:
    >> "Possum" <> wrote:
    >>> I have an arts site and have thumbnails that Need to show larger
    >>> picture in a popup window when clicked. Or opens another window that
    >>> is not full screen but is the roughly the same size as the picture
    >>> being displayed..
    >>> how can I do this ..

    >
    >> You could look at
    >> http://sonspring.com/journal/hoverbox-image-gallery

    >
    > Interesting approach. Thanks for the link!
    >


    The down side is that the thumbnails are not thumbnails but the full
    size images constrained. Would have very limited use because you would
    need to limit the number on the page and|or keep the full size images
    small...

    --
    Take care,

    Jonathan
    -------------------
    LITTLE WORKS STUDIO
    http://www.LittleWorksStudio.com
    Jonathan N. Little, Oct 16, 2006
    #11
  12. Possum

    Andy Dingley Guest

    mbstevens wrote:

    > Finding the size of images on the fly might
    > eat time.


    Issues like that are for the implementor to sort out. A reasonable
    server-side implementation has metadata like that already available to
    it. A client-side implementation can find it easily, as the image will
    need to be loaded anyway.
    Andy Dingley, Oct 16, 2006
    #12
  13. Possum

    dorayme Guest

    In article <egvdde$ste$>,
    jojo <> wrote:

    > > ...but never, ever do it, or anything even vaguely like it.

    >
    > So why do you post it if you tell him not to use it just one line later?


    .... because it is important that a fully decked out, all
    shooting, all singing website maker should know how to be bad as
    well as good...

    --
    dorayme
    dorayme, Oct 16, 2006
    #13
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Alvin Bruney
    Replies:
    2
    Views:
    417
    Neil Kimber
    Jul 21, 2003
  2. eddie wang
    Replies:
    1
    Views:
    396
    Peter O'Reilly
    Jul 23, 2003
  3. Yvan J. Gagnon
    Replies:
    0
    Views:
    81
    Yvan J. Gagnon
    Jul 1, 2003
  4. Balaji

    Closing pdf poup using javascript

    Balaji, Mar 7, 2005, in forum: Javascript
    Replies:
    0
    Views:
    85
    Balaji
    Mar 7, 2005
  5. Replies:
    8
    Views:
    1,209
    Mick White
    Apr 19, 2005
Loading...

Share This Page