Maphilfe!!!

Philastan

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/
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>

</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

Don Luigi

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

HTML

<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;
}


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" onLoad="MM_preloadImages('HIER-DEIN-BILD.JPG')">


<center>
  [img]pentagramm.jpg[/img]
  <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="331,555,283,372,381,373"href="#"
alt="links"
onMouseOver="MM_swapImage('Image1','','HIER-DEIN-BILD.JPG',1)"
onMouseOut="MM_swapImgRestore()">
  </map>
</center>


</body>


</html> 
</html>

Alles anzeigen

Philastan

uuuuufff!!! mannoman das is aber kompliziert^^ aber bringen tuts irgendwie nich...

synaptic

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.

Philastan

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!!!

Don Luigi

ich hoffe du hast daran gedacht den kompletten Pfad zu deinem bild anzugeben, also zub:

http://ich-bin-gott-nur-mal-so-zur.info/dein-unterordner/dein-bild.JPG

oder von deinem PC eben, überall da wo "dein-bild" steht, da kommt glaube ich 2x vor und ich würde mit firefox machen..

MFG

Philastan

DANKE!!!! du bist wirklich gott!!!!
jetzt funtz es!!! DANKE DANKE DANKE aber...IE6... warum funktioniert das da nicht?

Don Luigi

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

driver

Zitat von Don Luigi

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...

Don Luigi

ich bin auch nicht höflich

driver

dann sagen wir es mal so...... es ist schlechte programmier-arbeit.

Don Luigi

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

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

Philastan

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^^

driver

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

Don Luigi

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

MFG

Philastan

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

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>

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

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>

</html>

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

Don Luigi

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...

Philastan

sry aber ich kenn mich nicht so mit der "sprache" aus...kannst du mir vllt ein bsp rauskopieren das ich weis um was es geht...

Don Luigi

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

Philastan

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...^^

Tags