nicht angemeldet
Hi,
ich hab mal wieder etwas für Euch HTML-Cracks da draußen ^^
Und zwar folgendes, wenn Ihr mal einen Blick auf meine Webseite werft, habe ich dort ein Banner eingebaut, das im Moment noch aus einer zusammenhängenden Hintergrund-Grafik besteht, die Einzelbilder wurden entsprechend zusammen kopiert. Jetzt hab ich mir vorgestellt, ich würde gerne die Bilder gelegentlich variieren, z.B. über eine Random-Funktion in PHP laden, doch wie lös ich das am elegantesten? Ich kann ja dem Parameter für die Hintergrundgrafik nicht mehrere Quellen zuweisen ... mein Ziel ist es den Schriftzug wie jetzt auch über die Bilder zu legen.
Ich dachte zuerst an eine Tabelle deren Zellen jeweils ein Bild enthalten, diese liegt dann unter dem Schriftzug, hab auch schon etwas mit dem z-index herum experimentiert, jedoch passt mir die absolute Positionierung nicht und den Schriftzug bekomm ich derzeit nicht zentriert, so der etwas (stümperhafte) HTML-Code dazu ...
Das ganze in einer separaten Datei banner.html:
"<body>
<table>
<tr style="position:absolute; left:0px; top:0px; z-index:2;">
<td colspan="11" style="text-align:center; font-size:60;">
Schriftzug
</tr>
<tr style="position:absolute; left:0px; top:0px; z-index:1;">
<td>
<img src="banner/01.jpg" alt="">
</td>
<td>
<img src="banner/02.jpg" alt="">
</td>
<td>
<img src="banner/03.jpg" alt="">
</td>
<td>
<img src="banner/04.jpg" alt="">
</td>
...
<td>
<img src="banner/11.jpg" alt="">
</td>
</tr>
</td>
</tr>
</table>
</body>"
Mittels iframe an die entsprechende Stelle geladen:
"<iframe name="banner" src="banner.html" style="width:100%; height:80px" frameborder="0"></iframe>"
Vielen Dank schon mal im Voraus ... bin auch für jeden grundsätzlichen Änderungsvorschlag offen!!
Grüße
tobeit
Struppi