[HTML/JavaScript] Sommige afbeeldingen worden niet getoond - Softwareontwikkeling

maandag 29 januari 2007 09:52

Acties:

I'm your enemy!

Topicstarter

In een htmlpagina waar verschillende albumcovers van albums getoond worden, worden een aantal covers niet getoond. De pagina wordt dynamisch opgebouwd en bevat dus steeds hetzelfde blokje code. Hieronder 2 van zulke blokken html.

HTML:

<table cellspacing="2" width="100%">
             <tr>
                <td colspan="2" align="right" style="padding-right:5px;">
                                            <a href="track_selectie.php?title=&artist=Young"><img border="0" src="/images/buttons/but_terug_selectie.gif"></a>
                    
                </td>

            </tr>
             <tr>
                <td colspan="2" align="left">
            <h2>After The Gold Rush</h2>
        </td>
        </tr>
        <tr>
                <td valign="top" width="160">

                    <img src="http://images.musicstream.advance.nl/340760.jpg" alt="After The Gold Rush"  />
                </td>
                <td valign="top">

                    <table width="100%" cellspacing="0" cellpadding="3">
                                            <tr class="odd">
                            <td valign="top" width="20">1.</td>
                            <td valign="top">Tell Me Why</td>

                            <td valign="top" width="24"><a href="#" onclick="return promoTrack('OD21200158-01')"><img src="/images/promoIcon.gif" border="0" onMouseOver="javascript:showTooltipFragment(event);" onMouseOut="javascript:hideTooltip();" alt="Beluister een fragment" title="Beluister een fragment"></a></td>
                            <td valign="top" width="24"><a href="#" onclick="return addTrack('OD21200158-01', '', 'Young' );"><img src="/images/addIcon.gif" border="0" alt="Voeg nummer toe aan selectie" onMouseOver="javascript:showTooltipAdd(event);" onMouseOut="javascript:hideTooltip();" title="Voeg nummer toe aan selectie"></a></td>
                        </tr>
                                            <tr class="even">
                            <td valign="top" width="20">2.</td>
                            <td valign="top">After The Gold Rush</td>
                            <td valign="top" width="24"><a href="#" onclick="return promoTrack('OD21200158-02')"><img src="/images/promoIcon.gif" border="0" onMouseOver="javascript:showTooltipFragment(event);" onMouseOut="javascript:hideTooltip();" alt="Beluister een fragment" title="Beluister een fragment"></a></td>
                            <td valign="top" width="24"><a href="#" onclick="return addTrack('OD21200158-02', '', 'Young' );"><img src="/images/addIcon.gif" border="0" alt="Voeg nummer toe aan selectie" onMouseOver="javascript:showTooltipAdd(event);" onMouseOut="javascript:hideTooltip();" title="Voeg nummer toe aan selectie"></a></td>

                        </tr>
                                        </table>
                    <br />

                </td>
            </tr>
        </table>

            <table cellspacing="2" width="100%">
             <tr>
                <td colspan="2" align="right" style="padding-right:5px;">
                                            <a href="track_selectie.php?title=&artist=Young"><img border="0" src="/images/buttons/but_terug_selectie.gif"></a>
                    
                </td>
            </tr>
             <tr>
                <td colspan="2" align="left">

            <h2>Arc</h2>
        </td>
        </tr>
        <tr>
                <td valign="top" width="160">
                    <img src="http://images.musicstream.advance.nl/2837556.JPG" alt="Arc"  />
                </td>
                <td valign="top">

                    <table width="100%" cellspacing="0" cellpadding="3">
                                            <tr class="even">
                            <td valign="top" width="20">1.</td>
                            <td valign="top">Arc</td>
                            <td valign="top" width="24"><a href="#" onclick="return promoTrack('OD23101423-01')"><img src="/images/promoIcon.gif" border="0" onMouseOver="javascript:showTooltipFragment(event);" onMouseOut="javascript:hideTooltip();" alt="Beluister een fragment" title="Beluister een fragment"></a></td>
                            <td valign="top" width="24"><a href="#" onclick="return addTrack('OD23101423-01', '', 'Young' );"><img src="/images/addIcon.gif" border="0" alt="Voeg nummer toe aan selectie" onMouseOver="javascript:showTooltipAdd(event);" onMouseOut="javascript:hideTooltip();" title="Voeg nummer toe aan selectie"></a></td>
                        </tr>

                                        </table>
                    <br />

                </td>
            </tr>
        </table>

Bij deze 2 blokken html wordt een afbeelding getoond (blok 1: http://images.musicstream.advance.nl/340760.jpg, blok 2 http://images.musicstream.advance.nl/2837556.JPG)
Als je deze URL's rechtstreeks bekijkt wordt de afbeelding correct getoond, maar in de html wordt afbeelding 1 níet getoond en afbeelding 2 wel.
Om het nog wat vager te maken, als ik de htmlcode opsla en deze lokaal open (aangezien er toch absolute URI's instaan, kan dit) worden de afbeeldingen wél getoond.
Om te voorkomen dat er de welbekende kruisjes komen, is er een javascript die controleert of de afbeeldingen geladen zijn. Als dit niet het geval is, dan wordt de afbeelding met lowercase extensie getest. Doet die het ook niet, dan wordt er een 'not available' afbeelding getoond. Alleen de 'not available' wordt dus ook niet getoond.
Het domein is anders dan http://images.musicstream.advance.nl/. Hier komen dus alleen de albumcovers vandaan.

Wat ik heb geprobeerd:
- afbeeldingen binnen hetzelfde domein gecheckt en werken naar behoren.
- afbeelding 'not available' lokaal aanroepen, werkt naar behoren.
- afbeelding van heel ander domein (google bijvoorbeeld), werkt naar behoren.
- gecontroleerd of afbeeldingen fouten bevatten, ik heb niks gevonden, maar kan dit ook niet ontkennen
- pagina dus lokaal getest als *.html, dit werkt, pagina online als *.php, werkt dus niet
- het ligt 100% zeker niet aan de javascript, want als ik die uitlaat, dan blijft het probleem
- caching is het niet, maar als ik via firefox op 'View image' klik en de afbeelding open en daarna weer terug ga (zonder refresh) dan is de afbeelding zichtbaar. Doe ik een refresh en foetsie plaatje.
- niet alleen op mijn pc
- iig in IE en Firefox

Mogelijke oorzaak is de gigantische folder waar alle afbeeldingen in staan, maar dit verklaart niet dat het altijd dezelfde afbeeldingen zijn die het niet doen.

Alle guru's hier hebben geen idee waar het aan kan liggen, dus vandaar dat ik het hier probeer, bij de opperguru's

Ook een cookie?

maandag 29 januari 2007 09:56

Acties:

R4NCOR

eigenlijk gewoon Niels

Als ik Afbeelding 1 wil bekijken op http://images.musicstream.advance.nl/340760.jpg, krijg ik een

code:

1 2	403 Forbidden You must supply a local referer to get URL '/340760.jpg' from this server.

Wellicht gaat het daar ergens al mis?

maandag 29 januari 2007 09:58

Acties:

LuCarD

Certified BUFH

http://images.musicstream.advance.nl/340760.jpg

403 Forbidden
You must supply a local referer to get URL '/340760.jpg' from this server.

Direct linking is uitgeschakeld op advance.nl. Dat het werkt met de tweede plaatje is waarschijnlijk een fout bij hun, die zou eigenlijk ook niet moeten werken.