|
|||
Verschachtelter Bildaufbau
Hi!
Ich habe da ein kleines Problem und hoffe ihr könnt mir helfen. Es ist ein wenig schwierig das Ganze gescheit zu beschreiben... Also ich habe meine I-Seite mit Navigation. Sagen mir mal, in der Navigation steht als Beispiel Kreis A, Kreis B, Kreis C, Kreis D. So nun möchte ich, das wenn der Nutzer also auf Button "Kreis A" drückt, eben ein Kreis erscheint. Das ist auch noch nicht mein Problem. Nun möchte ich aber, wenn der Nutzer nun den Button "Kreis B" drückt, das ein zweiter kreis im ersten erscheint, also Kreis B in Kreis A. Das Gleiche mit Button "Kreis C". Wenn dieser gedrückt wird, soll ein dritter Kreis im 2. Kreis erscheinen. Ähnlich einer Matrjoschka Puppe. Das Ganze habe ich auch hinbekommen, nur habe ich für jede neue Grafikmöglichkeit (also Kreis A, Kreis A mit B, Kreis A mit B und c, etc) eine eigene Hmtl Seite gemacht. Nun endlich zu meiner Frage ^^ Ist es möglich diesen "Verschachtelten Bildaufbau" in ein bis zwei HTML Seiten zu packen? Denn mal angenommen ich habe insgesamt 30 Kreise, dann bin ich mit meiner Lösung bei hunderten von Html Seiten. Danke schonmal im Vorraus, hoffe man kanns verstehen =) |
Sponsored Links |
|
|||
das kann man in einer einzelnen Datei unterbringen, indem man die Bilder der Kreise zB innerhalb eines container-divs, das relativ positioniert wird, anordnet.
Dabei bräuchte jedes Kreis-Bild eine class oder ID das es identifitizert, zB: HTML-Code:
<div id="container"> <img id="kreis1" alt="" src="kreis1.png" /> <img id="kreis2" alt="" src="kreis2.png" /> </div> HTML-Code:
#container { position:relative; width: 400px; height:400px; } #container img { position:absolute; /*gilt f. alle imgs in #container*/ } #kreis1 { top:20px; left:20px; z-index:10; } #kreis2 { top:90px; left:90px; z-index:20; } position:absolute; sorgt dafür, das die Elemente übereinander liegen können, und der z-index bestimmt die Reihenfolge - d.h. z-index:1 liegt ganz unten und z-index: 1000; ganz oben. verständlich? |
Sponsored Links |
|
|||
Ok jetzt müsste mir nur noch jemand sagen, wie man die Bilder in dem Container so mit der Navigation zusammenbaut, das ich die verschiedenen [B]einzelnen[B] Kreise per Mausklick erscheinen und verschwinden lassen kann.
Danke =) |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Sequentieller Bildaufbau | MarcelFuerderer | Site- und Layoutcheck | 7 | 09.01.2011 20:57 |
Menü mit verschachtelter Liste | Stefano | CSS | 9 | 26.11.2009 19:11 |
Bildaufbau beim Laden einer Seite | Scheppertreiber | Javascript & Ajax | 0 | 29.01.2008 09:16 |