Results 1 to 4 of 4

Thread: Image Thumbnail Viewer problem

  1. #1
    Join Date
    Nov 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Image Thumbnail Viewer problem

    1) Script Title: Image Thumbnail Viewer

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm

    3) Describe problem: script does not work at all. Image links work but only show up in regular IE window, not the image viewer interface....my website is a basic HTML document - I am not sure if that might be a problem ?!

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Sounds like you forgot to do, or missed doing one or more of the things as instructed on the demo page. But there could be some other problem.

    There are a few things that could cause what's happening. Having a basic HTML page is no problem, in fact it is usually easier that way. If you can't find what you left out, and/or want more help:

    Please post a link to the page on your site that contains the problematic code so we can check it out.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Nov 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    this is my test setup...it can't be any simpler, but it's not working!?


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <link rel="stylesheet" href="thumbnailviewer.css" type="text/css" />
    <script src="thumbnailviewer.js" type="text/javascript">
    /***********************************************
    * Image Thumbnail Viewer Script- © Dynamic Drive (www.dynamicdrive.com)
    * This notice must stay intact for legal use.
    * Visit http://www.dynamicdrive.com/ for full source code
    ***********************************************/
    </script>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>image viewer test</title>
    </head>

    <body>
    <a href="/images/gecko_110207.jpg" rel="thumbnail"><img src="/images/gecko_thumb.jpg" />
    </body>

    </html>

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Try closing the a tag and putting you meta content header and title tags as the first tags in the head section. Other than that, it could be some other issue that would only show up (or at least be more noticeable) if I saw a live example of your page.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>image viewer test</title>
    <link rel="stylesheet" href="thumbnailviewer.css" type="text/css" />
    <script src="thumbnailviewer.js" type="text/javascript">
    /***********************************************
    * Image Thumbnail Viewer Script- © Dynamic Drive (www.dynamicdrive.com)
    * This notice must stay intact for legal use.
    * Visit http://www.dynamicdrive.com/ for full source code
    ***********************************************/
    </script>
    </head>
    
    <body>
    <a href="/images/gecko_110207.jpg" rel="thumbnail"><img src="/images/gecko_thumb.jpg" /></a>
    </body>
    
    </html>
    Last edited by jscheuer1; 11-22-2007 at 07:42 PM. Reason: add info
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

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