Servus liebe Typolight-User!
Ich hoffe: "Es gibt keine (zu) dummen Fragen!"
Ich möchte für Übungszwecke folgenden Effekt hinbekommen:
Imageslider und darüber ein png-Bild, das über dem Imageslider "schwebt".
Bei mir habe ich im Seitenlayout im Header ein Modul ("Eigener HTML-Code") und danach das Imageslidermodul. Genau wie auf der o.g. Seite.
Jedoch beginnt die Imageslideshow erst NACH meinem png-Bild. Wie erreiche ich, diesen Schwebezustand? Mit dem Normalen png-Bild klappt das bei mir nicht. Mit Z-Index siehts erst gut aus, beim Bildwechsel im Imageslider verschwindet jedoch auch mein png-Bild. Beim jedem nächsten Übergang taucht es dann kurz auf.
Mein Headercode:
<div id="header">
<div class="inside">
<!-- HIER IST MEIN PNG BILD EINGEFÜGT: ANFANG -->
<a href="index.php/index.html"><img src="tl_files/services/images/logobanner.png" id="logo" alt="Logo" /></a>
<!-- HIER IST MEIN PNG BILD EINGEFÜGT: ENDE -->
<div class="mod_imageslider block">
<div class="mask1">
<div id="elements1">
<img src="system/html/bild1.jpg" alt="ALS1" />
<img src="system/html/bild2.jpg" alt="ALS2" />
<img src="system/html/bild3.jpg" alt="ALS3" />
<img src="system/html/bild4.jpg" alt="ALS4" />
<img src="system/html/bild5.jpg" alt="ALS5" /></div>
</div>
</div>
</div>
</div>
Lesezeichen