Mouseover hilfe

҅.Leeti™ · 12/17/2012, 18:08

Guten Tag,
ich suche einen der sich mit HTML/CSS/Java auskennt und mir folgendes erstellt.

Auf diesem Bild sind rote Punkte, diese sollen beim drüber halten des Coursers Bilder anzeigen.

Dabei ist das 1 von 3 Etagen Bilder die sozusagen verlinkt werden müssen.

Natürlich wird der jeniege auch mit egold bezahlt (Absprache)

Ich würde mich über eine schnelle Hilfe freuen!

Mfg

NotEnoughForYou · 12/17/2012, 18:11

das kommt wenn in den Tradersbereich. Schau dir mal .hover() an. Theoretisch ist das ganze auch nur mit css zu machen (:hover).

Evolutio · 12/17/2012, 18:55

theoretisch könntest du das bild als .png abspeichern und dann mit dem map event arbeiten

dazu brauchst du aber die coordinaten, aber das könnte man sich mit php ausrechnenlassen :P

NotEnoughForYou · 12/17/2012, 19:08

Quote:

Originally Posted by Evolutio

theoretisch könntest du das bild als .png abspeichern und dann mit dem map event arbeiten
dazu brauchst du aber die coordinaten, aber das könnte man sich mit php ausrechnenlassen :P

Wieso so umstaendlich ? Ein einfacher hover mit einem zusaetzlichen div genuegt

҅.Leeti™ · 12/18/2012, 14:13

Ich suche weiterhin noch jemanden, da ich keine CSS Erfahrung besitze.

Mikesch01 · 12/19/2012, 13:59

Wie schaut es denn auf der Webseite aus, da ich denke, dass dieses Bild nicht in Originalgröße verwendet wird.

Hast du hierzu eine Veranschaulichung, wie es in der Webseite integriert ist?

Snuzz · 12/19/2012, 22:33

Moin,
erstelle dir eine neue html Datei und kopiere dort diesen Code hinein:

HTML Code:

<html>
<head>
<title>Mouseover</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script language="JavaScript" type="text/javascript">
<!-- 

function ebenean(welche)
{
document.getElementById(welche).style.visibility="visible";
}
function ebeneaus(welche)
{
document.getElementById(welche).style.visibility="hidden";
}
-->
</script>

</head>
<body>
<div id="ebene1" onMouseout="ebeneaus('ebene2')" onMouseover="ebenean('ebene2')" ></div>

<div id="ebene2" style="visibility:hidden"></div>







</body>
</html>

Bist du über ebene1 wird ebene2 eingeblendet bis du nicht mehr über ihr wird sie ausgeblendet recht simpel.

Die Punkte kann man dann doch einfach per usemap mittels shape="poly" so definieren das es wirklich nur ausgelöst wird wenn man im runden Bereich ist.

Falls ich mich irre bitte direkt Steinigen.
Gruß

iPlayboy · 12/19/2012, 23:10

Quote:

Originally Posted by Snuzz

Moin,
erstelle dir eine neue html Datei und kopiere dort diesen Code hinein...

Dein Code tut mir im Herzen weh.

҅.Leeti™ · 12/20/2012, 11:41

Sorry, ich habe es gestern morgen noch hinbekommen, danke für Eure Hilfe!

Zettabytes* · 12/22/2012, 10:49

Quote:

Originally Posted by ҅.Leeti™

Sorry, ich habe es gestern morgen noch hinbekommen, danke für Eure Hilfe!

Es wäre durchaus noch nett, für andere die vielliecht das gleiche oder ähnliche Problem haben die Lösung noch hier anzubringen.