Verschachtelte Bilder bei mousover nach Vorne

[Fenriswolf]

Hallöchen
Ich da ein kleines Problem.
Ich hab verschiedene Bilder untereinander geschachtelt.
Code:
<div style"z-index: 100; position:absolute; left: 330; right 340;> bild </div>
<div style"z-index: 101; position:absolute; left: 330; right 340;> bild </div>
<div style"z-index: 102; position:absolute; left: 330; right 340;> bild </div> usw..

jetzt möchte ich , das wenn mousover auf eins von den bildern zutrifft, das Bild nach vorne "geholt" wird und bei maus ää out() das bild wieder in seinen Ursprung zurückkehrt.

Wie könnte ich das in java realisieren Kenn mich leider überhaupt nicht aus in java und hab schon ein bischen herumgestöbert , aber leider noch nichts gefunden. Vielleicht hat irgendwer ein Codeschnipsel herumliegen, oder eine Seite auf derer eine Anleitung zu genau diesem Problem vorliegt..

Wär echt klasse wenn mir da jemand helfen könnte

mfg der wolf

 

[noopen]

Hi Wolf,

also ganz kann ich jetzt nicht folgen...
habs jetzt mal so aufgefasst du hast irgendwo auf der seite verstreut, 3 Punkte, von denen jedes einen Layer aufrufen kann und somit dieses anzeigt (und diese Layer zu jedem Punkt die gleichen Koordinaten haben natürlich).. right?

Ich würde dir diese Seite empfehlen LINK

kannst auch gleich in einem Beispiel ansehen.
Das einzige was du dann anpasen musst sind Inhalte und Position ;o)

Ich hoffe es ist das richtige für dich

I'm done
danielle

 

[Fenriswolf]

planlos bei zwei funktionen.....

Also Danke erst mal für die prompte Hilfe und Sorry für meine etwas Konfuse Fragestellung

Zuerst:

Aber ich werd nicht wirklich schlau aus diesem Beispiel Ich will ja nichts aufklappen, ich will nur die ebenen der bilder bei onMouseOver bzw Onmouseover verändern


<SCRIPT LANGUAGE="JavaScript">

function ebeneErhoehen() {
setze ebene auf 103
}
function ebeneZurück() {
setzte ebene auf ursprungswert
}
//-->
</SCRIPT>
</HEAD>
<div id="ebene3" style"z-index: 100; position:absolute; left: 330; right 340;OnMouseOver="ebeneErhoehen()";OnMouseOut="ebeneZurück()";><img src=""> </div>
<div id="ebene2" style"z-index: 101; position:absolute; left: 400; right 360;OnMouseOver="ebeneErhoehen()";OnMouseOut="ebeneZurück()";><img src=""></div>
<div id="ebene1" style"z-index: 102; position:absolute; left: 450; right 390;OnMouseOver="ebeneErhoehen()";OnMouseOut="ebeneZurück()";> <img src=""></div>
</BODY>
</HTML>


Also was ich echt nicht schaff sind diese beiden Funktionen. Könnte das so funktionieren? Kann mir da jemand helfen?

Mein ewiger Dank soll euch auf immer verfolgen

mfg der wolf

 

[Sven Mintel]

<script type="text/javascript">
<!--
maxZ	=1;
objZ		=new Array();

function switchLayer(o,e)
{
z=maxZ;if(!e){z=objZ[o.id];}o.style.zIndex=z;
}

function initEvents()
{
for(i=0;i<document.getElementsByTagName('div').length;++i)
	{
	obj=document.getElementsByTagName('div')[i];	oid=obj.id;
	if(!oid.match(/^ebene/)){continue;}
	over=new Function('A','switchLayer(this,true)');
	out=new Function('B','switchLayer(this,false)');
	obj.onmouseover=over;obj.onmouseout=out;
	objZ[oid]=obj.zIndex;
	if(obj.zIndex>maxZ){maxZ=obj.zIndex;}
	}maxZ++;
}
if(document.getElementsByTagName)
	{window.onload=initEvents;}
//-->
</script>

In den <div>'smusst du nur drauf achten, dass die jeweilige ID mit "ebene" beginnt, nen Skriptaufruf ist dort nicht erforderlich... die events onmouseout und onmouseover kannst du dort für andere Aufrufe nicht mehr verwenden.
Vorher solltest du aber mal deine CSS-Syntax checken... die ist haaresträubend

 

[Fenriswolf]

Juchuuuuu!

Wahnsinn Megamässigess irres lautschreindes DAAAANKEESCHÖÖÖÖNN

total geil
Yeeaahh!

mit tiefster verneigung

der wolf

P.s.
Ähh wegen meiner css Schreiberei: Ich hab leider ziemlichen Stress. Irgendwann werd ich meine Seiten überarbeiten. Zurzeit arbeite ich so:
Funktioniert? Ja? passt!
Leider... denn das nachbearbeiten wird wahrscheinlich noch mehr Zeit in anspruch nehemn, aber dann bin ich sicher fitter in diesen Dingen und weiß dann(hoffentlich) worauf es ankommt