TechSpot

Not all pictures show on Web-Page

By RealBlackStuff
Oct 12, 2004
  1. Has anybody come across the following phenomenon:
    I designed a webpage on my PC, with a number of images in .jpg format.
    The page was fully validated by W3C.
    On my PC all images show up fine. When you click on each, a larger image shows up in a popup-window.
    These popup-windows are not blocked by any of the regular browsers (IE, Avant, Opera, Firefox).

    When I upload the page and its images to the website, none of the regular small images work when uploaded (100x70 or 100x100 pixels). They just show up as an "x" placeholder. But the enlarged images (545x680 or 700x525 = WxH) come up fine.

    As I said, it works fine on my PC, does not work when on the host. The pictures were uploaded in binary format.

    Suggestions anyone?
     
  2. Nodsu

    Nodsu TS Rookie Posts: 5,837   +6

    Pretty obvious things..

    Is the directory structure OK? Are the images actually where they are expected to be?
    Servers are case-sensitive unlike Windows. Look over all your capitalisations.
     
  3. mrchu

    mrchu TS Rookie Posts: 42

    open the page when its uploaded, right click and view source, then look for

    <img src= ? >

    where "?" is, check that the link is absolute (e.g the link to the image is where your site is located, and not c:\WHEREVER YOU STORED ON YOUR HD)
     
  4. RealBlackStuff

    RealBlackStuff TS Rookie Topic Starter Posts: 6,503

    You'll have to give me more credit than that!
    I do this for a living, and this is the first time it ever happened to me.

    Of course the structure on my PC and the structure on the web are identical.
    All the HTM, CSS, JS files are in the base directory. The images are all in a "gallery" subdirectory and the text in all image-references is
    Code:
    <a href="javascript:PopUp('gallery/image-large.jpg')">
    <img src="gallery/imagename.jpg" border="0" width="100" height="70" 
    alt="View Close Up"></a><br>
    
    This is a quirk from TS's VBscript, but the above javascript is ONE word in my webpage!

    The history of the images is as follows:
    all images came as .EPS (Encapsulated PostScript), were converted into .BMP using Ulead Photoimpact.
    Then the .BMP were turned into .JPG using Irfanview. All images retained their maximum resolutions and colordepth.
    Then I used "A Smaller Image" V3.1 to reduce the images to website format as indicated in my first post.
    Out of the 36 images I converted this way, only 4 small ones (the <img src="...) do not work. All others are OK.
    I have tried it with simple names, hyphenated names, all capital letters, all small letters, tried them in another web-page as substitute for already working ones, but none of them show up.

    Again, any suggestions please?
     
  5. mrchu

    mrchu TS Rookie Posts: 42

    sorry didn't mean to offend you...well maybe link the page so we can have a look, and perhaps temporarily try uploading to an alternative host, see if it works there...again i dont mean to offend you but; you could try clearing out your temp int files and such...also as a last resort rather than using relative file paths, use absolute one's (just in case)
     
  6. RealBlackStuff

    RealBlackStuff TS Rookie Topic Starter Posts: 6,503

    Thank you for your interest.
    Naturally I have emptied my cache, in all the browsers that I use for testing. But none of them work.

    The page in question is here:
    http://www.houseofnames.ie/test/gallery4.htm

    Please bear in mind that the (test-part of the) site is not finished yet.

    Tried it with absolute path, still no luck.
    I downloaded the 4 photos back onto my PC in another directory, and from there they work perfectly. Don't know what's going on.
     
  7. mrchu

    mrchu TS Rookie Posts: 42

    The design is nice...is this what I am supposed to see? It all appears to be working for me :confused:
     
  8. RealBlackStuff

    RealBlackStuff TS Rookie Topic Starter Posts: 6,503

    That was quick, and thanks for the complement!
    Yes, that is how it is supposed to be working (and does on the other pages).
    What browser did you use, what OS and do you use any popup-stopper(s)?
     
  9. mrchu

    mrchu TS Rookie Posts: 42

    IE6, XPSP2, Built in Popupblocker plus google popupblocker...everywhere I visited was working perfectly...

    go here

    http://www.the-cloak.com/login.html

    and visit the site thru the cloak, if it works then there's something wrong with your browser setup
     
  10. RealBlackStuff

    RealBlackStuff TS Rookie Topic Starter Posts: 6,503

    Thanks for the link. Everything else works, except on the top-left, top-right, bottom-left and bottom-middle picture.
    The top-middle (stationery) and bottom-right (silver empty square) show up correctly.

    My browser shows a tiny square with [AD] for those missing four pics.
    I tried it with my Antivirus and Firewall all switched off, still no go. Other than the popupstopper from Firefox, and a huge list in my "hosts" file, I have no adblocking software installed.

    I run W2K/SP4 and Firefox 1.0PR with these three extensions: DOM-inspector 1.0, WebDeveloper 0.8, Advanced Highlighter Button 1.4.2
     
  11. RealBlackStuff

    RealBlackStuff TS Rookie Topic Starter Posts: 6,503

    You'll never believe the reason, why these pictures did not show!
    My firewall, Agnitum Outpost Pro V2.1, has an ad-blocking filter built-in, that refuses to show any images with
    <src="image.jpg" width="100" height="100">
    When I change this to e.g. 100x99 or 99x100 everything is fine!

    Even after you switch off the firewall, this ad-filter is still active in the background, unless you specifically reboot without firewall.
    Speaking of paranoid ad-filtering!

    Thank you, mrchu, for trying to help me solve this riddle!
     
Topic Status:
Not open for further replies.

Similar Topics

Add New Comment

You need to be a member to leave a comment. Join thousands of tech enthusiasts and participate.
TechSpot Account You may also...