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