bitte um hilfe

Hardware, Software, Webdesign & Coding.

Moderator: Katana

Antworten
Fischbein
Beiträge: 2
Registriert: Sa Nov 15, 2003 7:51 pm

bitte um hilfe

Beitrag von Fischbein »

ich würde gerne folgendes erreichen

ich habe ein bild und sobald ein benutzer mit seiner maus über das bild fährt wird ein anderes angezeigt. aber nicht als rollover-image sondern neben dem mauszeiger. also sozusagen vorschaubilder die beim drüberfahren in groß angezeigt werden. kann wer helfen?
Benutzeravatar
spunky
Beiträge: 1725
Registriert: Fr Aug 25, 2000 12:01 am

Beitrag von spunky »

wenn man über den text ""bild2+3"" fährt, wird ein neues bild angezeigt, mußt nur den text durch ein bild ersetzen, aber mit diesem grundkonzept solltest du klar kommen, kannst ja noch optimieren usw...

Code: Alles auswählen

<html>

<head>
<meta HTTP-EQUIV="content-type" CONTENT="text/html; Charset=ISO-8859-1">
<title>Daten Services</title>
<script LANGUAGE="JavaScript">

if (document.images)
	{

	bild_0 = new Image();
	bild_0.src = "bild1.png";
	bild_1 = new Image();
	bild_1.src = "bild2.png";
	bild_2 = new Image();
	bild_2.src = "bild3.png";
	}

function hilite(which)
	{
	if (document.images)
		{
		on = eval(which + ".src");
		document.images["bild"].src = on;
		}
	}

function lolite(which)
	{
	if (document.images)
		{
		off = eval(which + "_0.src");
		document.images["bild"].src = off;
		}
	}
</script>
</head>

<body bgcolor="#000000" TEXT="#ffffff">

<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td width="50%"><a onmouseout="lolite('bild')" onmouseover="hilite('bild_1')">bild2</a><br>
    <a onmouseout="lolite('bild')" onmouseover="hilite('bild_2')">bild3</a></td>
    <td width="50%"><a><img alt border="0" hspace="1" name="bild"
    src="bild1.png" vspace="3" width="320" height="224"></a></td>
  </tr>
</table>
</body>
</html>
Bild
wer das nicht lesen kann ist doof.
Fischbein
Beiträge: 2
Registriert: Sa Nov 15, 2003 7:51 pm

Beitrag von Fischbein »

ohne änderung im head-bereich gibt es keine möglichkeit? ich arbeite nämlich mit includeden php-seiten und habe daher in dieser einzelnen datei keinen zugriff auf den head-bereich!
Benutzeravatar
spunky
Beiträge: 1725
Registriert: Fr Aug 25, 2000 12:01 am

Beitrag von spunky »

kannst ja den script-teil in den body-bereich verschieben, dort tut es auch seinen dienst oder du lagerst das script als datei aus, sonst weiß ich auch nicht... :wink:
Bild
wer das nicht lesen kann ist doof.
Benutzeravatar
Katana
Beiträge: 5337
Registriert: So Jan 02, 2000 1:01 am

Beitrag von Katana »

Hmm, könntest mit CSS arbeiten, und das Bild dann an der Position des Mauszeigers anzeigen lassen, ich weiß im Moment nur nicht, wie man die Position des Mauszeigers rausbekommt, aber ich werd's mir nacher mal angucken ;)
Antworten