nicht angemeldet
www.tobeit.net
StruppiHi,
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
-
Bitte Thema auf z.B. "Mehrere Bilder im Hintergrund" ändern, wenn möglich ... hab mich in den Felder vertan, is schlimm wenn man tagtäglich in zu vielen Foren unterwegs is :S
Danke!
-
Hallo tobeit,
Bitte Thema auf z.B. "Mehrere Bilder im Hintergrund" ändern, wenn möglich ... hab mich in den Felder vertan, is schlimm wenn man tagtäglich in zu vielen Foren unterwegs is :S
Das kann jeder bei einem Antworposting ändern, benutze mal die Vorschaufunktion ;-)
Schöne Grüße,
Johannes
-
Hallo tobeit,
Bitte Thema auf z.B. "Mehrere Bilder im Hintergrund" ändern, wenn möglich ... hab mich in den Felder vertan, is schlimm wenn man tagtäglich in zu vielen Foren unterwegs is :S
Das kann jeder bei einem Antworposting ändern, benutze mal die Vorschaufunktion ;-)
Schöne Grüße,
Johannes
Okay, wird gemacht :) ach irgendwie is mir diese Art des Forums fremd! Hoff, dass jetzt ein paar Hilfen zu meiner Problemstellung kommen!
Grüße
-
Hi tobeit,
Okay, wird gemacht :) ach irgendwie is mir diese Art des Forums fremd! Hoff, dass jetzt ein paar Hilfen zu meiner Problemstellung kommen!
Dazu kann ich nicht viel sagen, weil ich dein Problem nicht so recht versteh,
es liegt aber nicht an dir. ;-)Ich hab auch so´n zufallsding mit PHP
<div> <?PHP mt_srand((double)microtime()*1000000); $zufall = mt_rand(1, 36); ?> <a href="/2/<?PHP echo $zufall; ?>.jpg" class="img1" rel="lightbox[plants]"><img src="/1/<?PHP echo $zufall; ?>.jpg" width="140" alt="Zufallsbild"></a></div>Das Script holt sich aus dem Verzeichnis 1 ein Thumb, verlinkt es
mit der Lightbox, wenn man draufklickt holt sich das Script das
Original bild aus Verzeichnis 2 und vergrössert es.... bin auch für jeden grundsätzlichen Änderungsvorschlag offen!!
Vornewech, ohne Javascript geht auf deiner Seite nicht mehr viel, bzw. garnichts.
Diese Seite solltest du dir Bookmarken ;-)
Diese auch, falls du dich entschliessen solltest, in Zukunft auch dieser Seite etwas aufmerksamkeit zu schenken.Ich hoffe, ich konnte dir ein Paar anregungen geben. ;-)
Grüße,
Engin_schlaflos_in_Herne
GYRO-
Hey Engin,
erstmal vielen Dank für die Linktipps, vor allem für die Konformitätstest, werd mich als bald dran machen und die Fehler durch gehen und ausbügeln, möchte schließlich möglichst sauber coden!
Also an dem PHP-Skript für die Zufallsauswahl der Bilder wäre es wohl nicht gescheitert, trotzdem auch Danke dafür!
Um was es mir im Moment geht, ist eher die Darstellung/Anordnung der Bilder, ich möchte mehrere (etwa 10-12) Bildchen/Thumbs so wie jetzt auf der Seite oben auch darstellen und den Schriftzug/Titel darüber legen, sprich zwei "Bildebenen", die kleinen Thumbs nebeneinander im Hintergrund und im Vordergrund der Titel (~ tobeit ~).
Hoffe damit mein Problem etwas besser erläutert zu haben, lag gestern abend bestimmt auch an meiner Müdigkeit ;)
Grüße
-
-
-
-
-
"<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;">
Wieso benutzt du hier eine Tabelle?
Das ergibt keinen Sinn und es macht sicher auch Schwierigkeiten die einzelnen Reihen aus dem Gerüst der Tabelle zu reissen um sie dann absolut zu positionieren.Du kannst diesen code einfach reduzieren:
<div id="banner"> <h1>Schriftzug</h1> <img src="bilder/01.gif" alt=""> <img src="bilder/02.gif" alt=""> <img src="bilder/01.gif" alt="" > <img src="bilder/02.gif" alt=""> <img src="bilder/01.gif" alt="" > <img src="bilder/02.gif" alt=""> </div>#banner h1{ position:absolute; text-align:center; width:100%; margin:0; padding:0; } #banner { border:1px solid black; }Struppi.
-
Hey Struppi,
vielen Dank, das sieht genau nach dem aus was ich brauche :)
Grüße
-
