• Hi ich habe ein Problem!
    Mein Freund hat mich darum geben eine Hp für ihn und seine Band zu schreiben, woran ich mich auch gleich gesetzt habe!
    nicht erschrecken^^: http://philastan666.ph.funpic.de/ :twisted: :twisted:
    doch bin ich bei dieser map auf ein Problem gestoßen: ich kann zwar erreichen das das bild sich ändert wenn ich auf about us gehe...ABER bei links möchte es einfach nicht funktionieren... hier mal der code:

    HTML-Code:

    <html>
    <head>
    <script type="text/javascript">
    Normal1 = new Image();
    Normal1.src = "pentagramm.jpg";
    Highlight1 = new Image();
    Highlight1.src = "pentagrammaboutus.jpg";

    Normal2 = new Image();
    Normal2.src = "pentagramm.jpg";
    Highlight2 = new Image();
    Highlight2.src = "pentagrammlinks.jpg";

    function Bildwechsel (Bildnr, Bildobjekt) {
    window.document.images[Bildnr].src = Bildobjekt.src;
    }
    </script>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <title>Search 4 Sense</title>
    </head>

    <body bgcolor="#000000">

    <center>
    </center>

    <map name="Map">

    <area shape="poly" coords="108,366,248,250,280,369" href="#"
    onmouseover="Bildwechsel(0, Highlight1)"
    onmouseout="Bildwechsel(0, Normal1)"
    alt="about us">

    <area shape="poly"
    coords="332,555,284,372,382,373"href="#"
    onmouseover="Bildwechsel(1, Highlight2)"
    onmouseout="Bildwechsel(1, Normal2)"
    alt="links">

    </map>

    </body>

    </html>

    Ich habe bereits allesmögliche ausprobiert und da ich ja doch nur ein Anfänger bin brauche ich jetzt Hilfe!!!
    Danke im Voraus!
    Philastan

  • Ich würdew das so machen :)
    (kann sein das es falsch ist, hoffe ich habe durchblickt was du wilslt!)

  • also im IE6 funzt da gar nix.. zumindest nich bei mir... wenn du das für about us doch schon hinbekommen hast, solltes du das doch auch auf die restlichen links übertragen können...
    ist das gleiche prinzip, nur andere koordinaten und andere bildurls,wobei du ja beides haben solltest.

  • jo das ist mein Problem es WILL einfach nicht funktionieren! und warum will das dann auch nicht im IE6 funktionieren? ich raff das nicht ich meine das firefox besser ist das wissen wir alle aber es gibt ja immer noch menschen auf dieser welt die IE6 benutzen...
    Langsam verzweifel ich!!!

  • :P

    weil IE für jeden der codet oder designt der letzte DR**K ist!
    nutze firefox oder so, dann klappt das schon, mit IE geht kaum was.. ;)

    MFG

  • Zitat von Don Luigi

    :P

    weil IE für jeden der codet oder designt der letzte DR**K ist!
    nutze firefox oder so, dann klappt das schon, mit IE geht kaum was.. ;)

    MFG


    is aber nicht grad die feine lösung. ne ordentlich progammierte seite
    geht im ie und im ff. den leuten zu sagen "um die seite zu sehen benutzt
    bitte den ff" halt ich für .... ja... für ne frechheit...

  • 95% meiner besucher nutzen ff, opera oder so, die 5% die IE nutzen, tja, die sollen sich ff downloaden :P

    Okay, vllt ist es schlechte programmier arbeit, aber der Aufwand ist, zumindest wenn man eine kleinere Page betreibt, zu groß um sich mit dem nutzen zu messen... :)

    MFG

  • hmmm schon wieder ein problem...
    http://philastan666.ph.funpic.de
    ich hab das mit dem IE und FF hinbekommen^^ die IE-user werden abgeschoben in die unterste Schublade...
    auf jeden fall schaut euch doch mal bitte die hp an!
    wenn man auf die anderen links geht dann verschwindet das bild... wenn ich es offline anschaue dann geht es...
    weis jmd warum das so ist?
    danke im voraus^^

  • ich nehm mal an du musst hier oben noch die fehldenden einfügen

    Code
    Normal1 = new Image();
    Normal1.src = "img/pentagramm.jpg";
    Highlight1 = new Image();
    Highlight1.src = "img/pentagrammaboutus.jpg";

    also für jede grafik / jeden menüpunkt muss so ein block stehen

  • Ja, denn ichhabe es ja nur für das untereste gemacht mit dem roll over..^^

    MFG

  • wie? ich mein offline funzt das auch aber offline geht das nicht...
    http://philastan666.ph.funpic.de seht selbst! hier nochmal der code:


    <html>
    <head>

    <script type="text/javascript">
    Normal1 = new Image();
    Normal1.src = "img/pentagramm.jpg" ;
    Highlight1 = new Image();
    Highlight1.src = "img/pentagrammaboutus.JPG";

    Normal2 = new Image();
    Normal2.src = "img/pentagramm.jpg";
    Highlight2 = new Image();
    Highlight2.src = "img/pentagrammhistory.JPG";

    Normal3 = new Image();
    Normal3.src = "img/pentagramm.jpg";
    Highlight3 = new Image();
    Highlight3.src = "img/pentagrammpics.JPG";

    Normal4 = new Image();
    Normal4.src = "img/pentagramm.jpg";
    Highlight4 = new Image();
    Highlight4.src = "img/pentagrammgigs.JPG";

    Normal5 = new Image();
    Normal5.src = "img/pentagramm.jpg";
    Highlight5 = new Image();
    Highlight5.src = "img/pentagrammnews.JPG";

    function Bildwechsel (Bildnr, Bildobjekt) {
    window.document.images[Bildnr].src = Bildobjekt.src;
    }
    </script>


    <script type="text/javascript">

    function Bildwechsel (Bildnr, Bildobjekt) {
    window.document.images[Bildnr].src = Bildobjekt.src;
    }

    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }

    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }

    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }

    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <title>Search 4 Sense</title>
    </head>

    <body bgcolor="#000000" background="img/Hintergrund.jpg" onLoad="MM_preloadImages('pentagramm.JPG')">
    <center>

    <map name="Map">
    <area shape="poly" coords="108,366,248,250,280,369" href="#" alt="about us"
    onMouseOver="MM_swapImage('Image1','','img/pentagrammaboutus.JPG',1)"
    onMouseOut="MM_swapImgRestore() ">

    <area shape="poly" coords="331,555,283,372,381,373"href="#" alt="links"
    onMouseOver="MM_swapImage('Image1','','img/pentagrammlinks.JPG',1)"
    onMouseOut="MM_swapImgRestore()"
    onmouseover="Bildwechsel(0, Highlight1)"
    onmouseout="Bildwechsel(0, Normal1) ">


    <area shape="poly" coords="387,367,422,244,561,368" href="#" alt="History"
    onMouseOver="MM_swapImage('Image1','','img/pentagrammhistory.JPG',1)"
    onMouseOut="MM_swapImgRestore()"
    onmouseover="Bildwechsel(1, Highlight2)"
    onmouseout="Bildwechsel(1, Normal2)">

    <area shape="poly" coords="339,163,421,241,476,44" href="#" alt="Pics"
    onMouseOver="MM_swapImage('Image1','','img/pentagrammpics.JPG',1)"
    onMouseOut="MM_swapImgRestore()"
    onmouseover="Bildwechsel(2, Highlight3)"
    onmouseout="Bildwechsel(2, Normal3)">

    <area shape="poly" coords="250,241,334,165,196,39" href="#" alt="Gigs"
    onMouseOver="MM_swapImage('Image1','','img/pentagrammgigs.JPG',1)"
    onMouseOut="MM_swapImgRestore()"
    onmouseover="Bildwechsel(3, Highlight4)"
    onmouseout="Bildwechsel(3, Normal4)">

    <area shape="poly" coords="252,244,284,367,381,367,416,244,338,170" href="#" alt="News"
    onMouseOver="MM_swapImage('Image1','','img/pentagrammnews.JPG',1)"
    onMouseOut="MM_swapImgRestore()"
    onmouseover="Bildwechsel(4, Highlight5)"
    onmouseout="Bildwechsel(4, Normal5)">

    </map>
    </center>

    </body>

    </html>


    ein meisterwerk des html-programmieren :) (für mich...:roll:)
    und jetzt bin ich WIRKLICH am ende meines lateins...
    könnt ihr euch das vllt nochmal anschauen?
    danke im voraus!!!
    phil

  • du hast das alles als ein bild gemacht! wenn du moseovers willst solltest du es in 6 oder mehr teile slicen, und dann zs setzten und die rollovers auf jedes einzelne jpg machen, dann klappts...

  • also, ich versuchs mal leicht zu erklären (wenns di zu leicht ist fühl dich nicht verarscht, will nur helfen ;) )

    - du musst dein bild auseinander schneiden (slicen) damit es einen mouseover effekt haben kann

    - dann musst du alles wieder in einer tabelle (odaer auch nicht) zs. setzten, das kannst du bei frontpage oder wenn dus hast dreamwver machen

    - dann braucht jedes einzelne bild (dh. jede einzelne pentagramm spitze) ein eigens "verhalten" was man programmieren kann, am besten mit dreamwaver, mit frontpage gehts aber auch!

    und dann braucht alles nooch den pasenden link usw, dann wärs das eig.

    hofe du verstehst...^^

    MFG

  • DANKE das ist meine sprache ;)
    das hat mir jetzt echt geholfen^^
    da hab ich jetzt schon wieder was zu tun...
    danke!
    fals ich nochmal probleme habe meld ich mich!
    gruß phil

    edit: wobei cih mich grade frage wie ich ein pentagramm so zurecht schneiden kann...^^