Mouseover hilfe

12/17/2012 18:08 ҅.Leeti™#1
Guten Tag,
ich suche einen der sich mit HTML/CSS/Java auskennt und mir folgendes erstellt.

[Only registered and activated users can see links. Click Here To Register...]
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
12/17/2012 18:11 NotEnoughForYou#2
das kommt wenn in den Tradersbereich. Schau dir mal .hover() an. Theoretisch ist das ganze auch nur mit css zu machen (:hover).
12/17/2012 18:55 Evolutio#3
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
12/17/2012 19:08 NotEnoughForYou#4
Quote:
Originally Posted by Evolutio View Post
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
12/18/2012 14:13 ҅.Leeti™#5
Ich suche weiterhin noch jemanden, da ich keine CSS Erfahrung besitze.
12/19/2012 13:59 Mikesch01#6
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?
12/19/2012 22:33 Snuzz#7
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ß
12/19/2012 23:10 iPlayboy#8
Quote:
Originally Posted by Snuzz View Post
Moin,
erstelle dir eine neue html Datei und kopiere dort diesen Code hinein...
Dein Code tut mir im Herzen weh. :(
12/20/2012 11:41 ҅.Leeti™#9
Sorry, ich habe es gestern morgen noch hinbekommen, danke für Eure Hilfe!
12/22/2012 10:49 Zettabytes*#10
Quote:
Originally Posted by ҅.Leeti™ View Post
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.