Abfrage in HTML Datei ob Bild existiert.

  • Hallo Leute,


    ich mal wieder.
    Ich möchte meine Produktseite vereinfachen. Bisher muss ich jedes vorhandene Bild auch mit Namen in meiner Produktseite haben. Das sieht dann so aus.
    ----------
    <style type="text/css">
    a:hover {
    color: yellow;
    text-decoration: underline;
    }
    .thumbnails img {
    height: 40px;
    padding: 1px;
    margin: 0 10px 10px 0;
    }


    .thumbnails img:hover {
    cursor:pointer;
    }


    .preview img {
    padding: 1px;
    }
    </style>


    </head>
    <body>
    <div class="gallery">


    <br />


    <div class="thumbnails">
    ... diverser Text ...


    <img onmouseover="preview.src=img1.src" name="img1" src="01433717.jpg" alt=""/>
    <img onmouseover="preview.src=img2.src" name="img2" src="01433717-2.jpg" alt=""/>
    <img onmouseover="preview.src=img3.src" name="img3" src="01433717-3.jpg" alt=""/>
    <img onmouseover="preview.src=img4.src" name="img4" src="01433717-4.jpg" alt=""/>
    <img onmouseover="preview.src=img5.src" name="img5" src="01433717-5.jpg" alt=""/>
    <img onmouseover="preview.src=img6.src" name="img6" src="01433717-6.jpg" alt=""/>
    <img onmouseover="preview.src=img7.src" name="img7" src="01433717-7.jpg" alt=""/>
    <img onmouseover="preview.src=img8.src" name="img8" src="01433717-8.jpg" alt=""/>
    <img onmouseover="preview.src=img9.src" name="img9" src="01433717-9.jpg" alt=""/>
    <img onmouseover="preview.src=img10.src" name="img10" src="01433717-10.jpg" alt=""/>
    <img onmouseover="preview.src=img11.src" name="img11" src="01433717-11.jpg" alt=""/><br />
    </div><br/>


    <div class="preview">
    <img name="preview" src="01433717.jpg" alt=""/><br>

    <br />


    </div>


    </div>


    -------------------


    Jetzt suche ich einen Möglichkeit, wie ich einfach nur einen Platzhalter eingebe mit dem Grundnamen der Bilder und das Programm stellt dann selber fest, welches Bild tatsächlich vorhanden ist. Im folgenden Beispiel habe ich das mal sinngemäß eingetragen, wie es mit meinen alten Basickenntissen in Basic so ca. aussehen würde.


    ------------------
    bildname$ = "01433717"



    <img onmouseover="preview.src=img1.src" name="img1" src=bildname$+".jpg" alt=""/>
    rem der 1. Name ist immer vorhanden, wenn es das Auto gibt. Der muss also nicht abgefragt werden.


    if exist bildname$+"-2.jpg" then
    <img onmouseover="preview.src=img2.src" name="img2" src=bildname$+"-2.jpg" alt=""/>
    end if
    if exist bildname$+"-3.jpg" then
    <img onmouseover="preview.src=img2.src" name="img3" src=bildname$+"-3.jpg" alt=""/>
    end if
    usw. bis bildname$+"-15.jpg"



    </div><br/>


    <div class="preview">
    <img name="preview" src=bildname$+".jpg" alt=""/><br>

    <br />


    ------------
    Sinn wäre, dass ich nur noch in der Datei am Anfang den Grundnamen = bildname$ eintrage und der Rest automatisch geht. Vor allem müsste ich dann auch nicht die Datei ändern, wenn noch ein Bild dazu kommt oder weg fällt.


    In Basic könnte ich das programmieren. Aber nicht in meiner HTML-Seite. Wer kann mir das programmieren? Will ich auch nicht geschenkt haben. Biete Slotbox Warengutschein in Höhe von EUR 50,- für die Lösung. Kommen mehrere, dann bekommt der 1., der sie geschickt hat oder bei unterschiedlichen Lösungen derjenige, dessen Lösung ich am Ende auch einsetzte. Das ist ja für Euch einfach überprüfbar.


    Umpfi

  • ebay Werbung
  • Hallo Umpfi,
    Du willst ja abfragen ob passende Bilder auf dem Server vorhanden sind, richtig?
    Das geht mit HTML, Javascript gar nicht. Falls Dein Shop mit PHP läuft, kann man da evtl. was machen.
    Dazu müßten aber Namenskonventionen definiert und eingehalten werden.


    Schick mir ne PM. Da brauch ich mehr Infos.


    Gruß
    Thomas

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!