Wechselnde Grafiken

[mno]

Hallo!

Ich brauche mal einen Tipp. Ich möchte mit typolight im Modul "Header Image" einen Code manuell einfügen, der mir erlaubt, verschiedene gleichgrosse Bilder bzw. Grafiken hintereinander anzuzeigen.
Die Position des oder der Bilder muss auch definiert werden können und für alle gleich sein.
Am besten wäre es: Bildwechsel per Click auf das Menü, also mit Seitenwechsel.
Dankbar wäre ich aber auch schon, wenn es nach einer gewissen Zeit wechselt, per Zufall wäre auch gut.
Vielleicht weiss auch jemand, wie im Modul "Header Image" bei Wahl des Modultyps "Zufallsbild" die ausgewählten Grafiken richtig positioniert werden können, z.B. oben rechts.
Habe ewig gesucht, irgendwie ist es nur möglich im Header links zu positionieren.

Dank im vorraus!
mno

 

[Flemli200]

Versuch doch einfach eine ebene mit css zu definieren und dort dein "Bildwechsel" den du am besten mit javascript machst reinzulegen... dann kannst du größe, position und lage (ebene) korrekt und genau positionieren!

 

[mno]

Flemli200 ....danke für den tipp, hab aber leider nicht so den plan für die details. meine statische bildanzeige funktioniert mit folgender Zeile:

<img src="tl_files/music_academy/4.jpg" id="top_image" width="670" height="230" alt="Apfelbaum" />

im Modul Header Image (eigener Quellcode) von typolight .... wäre dir sehr dankbar für eine vorlage! ...... mno ....

----------------------------------------------------------
"Das Wissen muss ein Können werden." - Carl von Clausewitz

 

[Flemli200]

Du hast bestimmt eine .css datei... da dürfte ein absatz mit dem namen #top_image
drinstehen.
Dort fügst du folgendes ein:

top: 100px;
left: 100px;

sollte bereits ein eintrag mit dem namen

z-index: xy;
oder
position: xy;

bestehen, lässt du ihn drin!
Wenn nicht fügst du ein

position: absolute;
z-index: 5;



Um zu erläutern was du getan hast, folgendes:
Du hast dein Bild das mit der id=top_image ausgezeichnet ist um 100 pixel nach rechts und um 100 pixel nach unten verschoben.
Dann hast du (wenn du keinen position und z-index eintrag hattest) dein element absolut positioniert und es in die ebene 5 verschoben.
--> Ebene 5 heißt soviel wie... du kannst mit css verschiedene ebenen erzeugen und diese übereinander legen. z.B. legst du ein rotes element in die unterste ebene (z-index: 1) und ein kleineres weißes element eine etage drüber (z-index: 2). Dann liegt das weiße element auf dem größeren roten und bekommt so optisch einen roten rahmen (den du aber auch über boder erzeugen kannst).

Tipp von mit persönlich:
versuch erstmal css zu lernen und schreib dann an deiner site weiter!
denn wenn du nur mit html arbeitest stößt du sehr schnell an grenzen!

Hoffe was ich meinte ist etwas klarer ^^

Gruß

Flemming