etwas komplizeirtes Problem

Diskutiere das Thema etwas komplizeirtes Problem im Forum Web-Design

  1. IreLion

    IreLion Thread Starter Mitglied

    Beiträge:
    10
    Zustimmungen:
    0
    Mitglied seit:
    14.04.2007
    Hi!!!

    Ich will in eine Webseit einen Effekt einbauen. Im Hintergrund soll ein verschwommenes Gruppenbild zu sehen sein. Beim Überfahren der Köpfe mit dem Mauszeiger soll jeder Kopf klar werden (das Bild soll sich verändern). Auserdem soll das jeweilige Bild als Link dienen.

    hierfür habe ich eine Imag map erstellt. Mit der funzt das mit den links auch ohne weiteres. Mein Problem ist nun lediglich das Wechseln der (Kopf-) Bilder.

    Ich habe so was ähnliches, allerdings mit einer Tabelle (Slices) und JavaScript, bei der beim Überfahren der Zellen mit der Maus ein Infokasten sichtbar wurde, schon mnal gemacht.

    Mein Problem ist, dass ich beides nicht zusammen bekomme. Geht das überhaupt?

    Hier das Script und mein Versuch es in die Image map einzubinden.

    <script language="JavaScript">
    function showit (p) {
    for(i=1;i<3;i++) {
    document.getElementById (i) .style.visibility = "hidden" ;
    }
    document.getElementById (p) .style.visibility = "visible" ;
    }
    function hide () {
    for (i=1;i<3;i++) {
    document.getElementById(i) .style.visibility = "hidden" ;
    }
    }
    </script>


    ....
    ....
    ....

    </tr>
    <tr>
    <td height="1000px">
    <img src="Bilder/Gruppenbild_Filter.jpg" border="0" alt="Gruppenbild_Filter" usemap="#Gruppenbild_Filter">

    <div>
    <map name="Gruppenbild_Filter">
    <area shape="rect" coords="109,168,161,255"
    onmouseover="showit (1) ;" onmouseout="hide ()" href="http://www.koblenz.de/" alt="Koblenz" title="Koblenz" >
    <area shape="rect" coords="303,177,358,241"
    onmouseover="showit (2);" onmouseout="hide ()" href="http://www.koblenz.de/" alt="Koblenz" title="Koblenz" >


    </div>

    </td>
    </tr>
    </table>

    <div style="position:absolute; top:20px; left:50px; visibility:hidden;" id="1">
    <img src="Bilder/Koepfe/John.jpg alt="" onmouseover="showit(1);" onmouseout="hide();">
    </div>

    <div style="position:absolute; top:20px; left:50px; visibility:hidden;" id="2">
    <img src="Bilder/Koepfe/Luc.jpg alt="" onmouseover="showit(2);" onmouseout="hide();">
    </div>





    So. Ich hoffe das hat jemand verstanden. Danke für eure Antworten!!!
     
  2. ThaHammer

    ThaHammer Mitglied

    Beiträge:
    3.294
    Zustimmungen:
    13
    Mitglied seit:
    01.06.2004
    nimm mal ein paar der leerzeichen raus. z.b. innerhalb des Getelementbyid(i).style.....
     
  3. mogano

    mogano Mitglied

    Beiträge:
    625
    Zustimmungen:
    4
    Mitglied seit:
    24.01.2004
    ..vor allem wäre ein aussagekräftiger Titel ausserordentlich hilfreich!!!!!!!!!
     
  4. JohnP

    JohnP Mitglied

    Beiträge:
    472
    Zustimmungen:
    6
    Mitglied seit:
    12.10.2004
    Versuchs mit Flash!
     
  5. IreLion

    IreLion Thread Starter Mitglied

    Beiträge:
    10
    Zustimmungen:
    0
    Mitglied seit:
    14.04.2007
    :rolleyes:
    habe meinen Fehler gefunden!
    Sorry aber ich bin echt blind. Da hat einfach ei } am Ende des Scripts gefehlt.....

    Und ich dachte schon es sei grundlegend nicht möglich wie ich mir das gedacht hatte.
     
  6. Eames

    Eames Mitglied

    Beiträge:
    2.597
    Zustimmungen:
    14
    Mitglied seit:
    26.09.2003
    Das scheint mir auch so. :p
     
Die Seite wird geladen...
Ähnliche Themen - etwas komplizeirtes Problem
  1. NoNick
    Antworten:
    9
    Aufrufe:
    543
  2. VT750
    Antworten:
    35
    Aufrufe:
    3.264
  3. mac-onkel
    Antworten:
    5
    Aufrufe:
    1.881
  4. WXJL
    Antworten:
    5
    Aufrufe:
    1.308
  5. Ködi
    Antworten:
    70
    Aufrufe:
    3.067

MacUser.de weiterempfehlen

  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Akzeptieren Weitere Informationen...