Pop Up Image On Click

5 replies
  • WEB DESIGN
  • |
I have a word document that I want to put up when someone clicks on the link 'See Sample' or on thumbnail image of the letter. What is the code to do that? Thanks
#click #image #pop
  • Profile picture of the author Istvan Horvath
    I have a word document that I want to put up...
    No, you don't

    Word is NOT a web-friendly gizmo, so never try to show a Word document in a html page. If I don't have Word installed on my computer - then you are doomed: I'll not see it. Not a smart move.

    Instead, figure out how will you show the CONTENT of that Word file in a HTML page - that's what you really want!
    Signature

    {{ DiscussionBoard.errors[7242615].message }}
    • Profile picture of the author Brian Maroevich
      I guess I should have clarified...I will turn the Word doc into a jpeg image first. Then I want the image to pop up to show what the letter looks like. Thanks.
      {{ DiscussionBoard.errors[7242882].message }}
      • Profile picture of the author Brandon Tanner
        Originally Posted by Brian Maroevich View Post

        I guess I should have clarified...I will turn the Word doc into a jpeg image first. Then I want the image to pop up to show what the letter looks like. Thanks.
        I don't know of any way to convert a Word doc to an image on a server, but if you want to do that conversion yourself on the desktop, and then upload the images to your server... then it's easy to setup image thumbnails that pop up into full-sized images when clicked.

        There's lots of scripts out there that can do that. Google "image lightbox".
        Signature

        {{ DiscussionBoard.errors[7243012].message }}
  • Profile picture of the author Andrew H
    Signature
    "You shouldn't come here and set yourself up as the resident wizard of oz."
    {{ DiscussionBoard.errors[7243209].message }}
  • Profile picture of the author henryc04
    create light box with jquery and css. See link below for an easy way to create a lightbox.

    www(dot)cssjockey(dot)com/web-design-tutorials/an-easy-way-to-create-light-box-with-jquery-css
    {{ DiscussionBoard.errors[7243414].message }}

Trending Topics