mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 08.12.2016 03:34 Benutzername: Passwort: Auto-Login

Thema: (JS) Bildeinblendung/Layer bei Mouseovereffekt vom 12.08.2004


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> (JS) Bildeinblendung/Layer bei Mouseovereffekt
Autor Nachricht
balu
Threadersteller

Dabei seit: 25.03.2003
Ort: Reutlingen
Alter: -
Geschlecht: Männlich
Verfasst Do 12.08.2004 13:28
Titel

(JS) Bildeinblendung/Layer bei Mouseovereffekt

Antworten mit Zitat Zum Seitenanfang

Hallo ich suche mich gleich..........,

Problem:
ich habe ein Bild Namens z.B. "bild1"
wenn man mit der Maus drüber fährt, soll ein weiteres Bild als Layer auftauchen und bei mouseout soll das Bild/Layer wieder verschwinden.

Hat da jemand ne Hilfe !

Danke schon im Voraus !

Gruß Balu
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
utor

Dabei seit: 06.02.2003
Ort: bln
Alter: 34
Geschlecht: Männlich
Verfasst Do 12.08.2004 13:28
Titel

Antworten mit Zitat Zum Seitenanfang

http://www.walterzorn.de/tooltip/tooltip.htm
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
balu
Threadersteller

Dabei seit: 25.03.2003
Ort: Reutlingen
Alter: -
Geschlecht: Männlich
Verfasst Do 12.08.2004 13:59
Titel

Antworten mit Zitat Zum Seitenanfang

Danke, auf der Seite war ich schon aber der Tooltip habe ich nicht bemerkt.

Super

Gruß
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
rob

Dabei seit: 11.12.2003
Ort: ~/
Alter: 39
Geschlecht: Männlich
Verfasst Do 12.08.2004 14:12
Titel

Antworten mit Zitat Zum Seitenanfang

hier altes script von mir. kopier mal raus und schau's dir an. du kannst natürlich auch problemlos bilder statt text in die layer setzen.
der eigentlich code im script ist dreifach vorhanden. einmal für den alten netscape, den alten ie und einmal für die aktuellen browser.
so läuft es wohl in jedem browser. wenn dir das egal ist, dann löschst du den krams bis auf getElementById.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>
   <title>Layer</title>

   <style type="text/css">
   <!--
   
   a {
      font-family:verdana,arial,helvetica,sans-serif;
      font-size:9pt;
      color:#004080;
      text-decoration:none;
      font-weight:bold; }
   
   a:hover   {
      text-decoration:underline; }
   
   a:active{
      color:#666666;
      text-decoration:none; }
   
   
   
   #text1   {
      position:absolute;
      left:100;
      top:200;
      font-family:verdana,arial,helvetica,sans-serif;
      font-size:13px;
      color:#000000;
      visibility:hidden; }
   
   #text2   {
      position:absolute;
      left:100;
      top:200;
      font-family:verdana,arial,helvetica,sans-serif;
      font-size:13px;
      color:#000000;
      visibility:hidden; }
   
   #text3   {
      position:absolute;
      left:100;
      top:200;
      font-family:verdana,arial,helvetica,sans-serif;
      font-size:13px;
      color:#000000;
      visibility:hidden; }
   
   #text4   {
      position:absolute;
      left:100;
      top:200;
      font-family:verdana,arial,helvetica,sans-serif;
      font-size:13px;
      color:#000000;
      visibility:hidden; }
   
   
   
   //-->
   </style>
   
   <script type="text/javascript">
   <!--
   
   function zeigText(ziel)
   {
   
      if (document.all)
      {
         document.all[ziel].style.visibility = 'visible';
      }
      else if (document.layers)
      {
         document.layers[ziel].visibility = 'show';
      }
      else if (document.getElementById)
      {
         document.getElementById(ziel).style.visibility = 'visible';
      }
   
   }
   
   
   
   function textWeg(ziel)
   {
      if (document.all)
      {
         document.all[ziel].style.visibility = 'hidden';
      }
      else if (document.layers)
      {
         document.layers[ziel].visibility = 'hide';
      }
      else if (document.getElementById)
      {
         document.getElementById(ziel).style.visibility = 'hidden';
      }
   }
   
   //-->
   </script>

</head>




<body>

<a href="#" onmouseover="zeigText('text1')" onmouseout="textWeg('text1')">Text 1</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="#" onmouseover="zeigText('text2')" onmouseout="textWeg('text2')">Text 2</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="#" onmouseover="zeigText('text3')" onmouseout="textWeg('text3')">Text 3</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="#" onmouseover="zeigText('text4')" onmouseout="textWeg('text4')">Text 4</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;


<div id="text1">Hier steht irgendein Text</div>

<div id="text2">z. B. die Beschreibung eines<br> dazugeh&ouml;rigen Bildes<br> innerhalb einer Slideshow</div>

<div id="text3">oder der Inhalt der Seite,<br> auf die der Link gesetzt ist</div>

<div id="text4">oder irgendetwas ganz anderes,<br> je nach Gusto!</div>

</body>
</html>
  View user's profile Private Nachricht senden
 
Ähnliche Themen Mouseovereffekt in Flash
Problem bei Buttons mit aktiv/inaktiv Status+Mouseovereffekt
innerer layer soll äußeren layer automatisch größer machen
[Dreamweaver] Layer in einem anderen Layer unten ausrichten?
Photoshop Layer exportieren auf einzelne Layer Größe
[CSS] Float - Layer in Layer
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.