Hilfe beim Verlinken meiner Seite

bölte · 8. Juni 2006

Hallo,

hab gerade nen problem bei meiner seite. habe gesehen das man wenn man mit der maus über nen link kommt, es möglich ist, dass dann so nen kleiner text angezeigt wird! kann mir mal einer verraten wie ich das hinkriege????

grüße der bölte

Foster · 9. Juni 2006

Was soll denn angezeigt werden? Meinst du dass vorher dasteht "home" und beim drüberfahren "link" oder wie?
Also wenn du das so machen willst dann geht das über CSS. Wie man da bestimmte Wörter anzeigen lassen kann weiss ich aber auch nich.
Aber sag auch noch mal was genau du meinst bzw. was sich da abspielen soll.

pulse180 · 10. Juni 2006

diese art kenn ich garnicht.
kann es sein das die links bilder waren???
Wenn ja kanste du es so machen:

Code

<img src="ein_bild.jpg" width="100" height="100" border="0" alt="text der angezeigt wird">

Foster · 11. Juni 2006

Zitat von "pulse180"

Code

<img src="ein_bild.jpg" width="100" height="100" border="0" alt="text der angezeigt wird">

Da verändert sich doch nüscht.
Ich würde das über CSS machen. Also den Link in Form von einem Bild und es dann so einstellen, dass ein anderes Bild angezeigt wird. Ich bin mir jetzt aber nicht sicher, ob mein Code richtig ist:

HTML

<html>
<head>
<style type="text/css">
a#link1:link, a#link1:visited
                   {
                    display:block
                    background-image:bild1.jpg
                    }




a#link1:hover, a#link1:active
                    {
                      display:block;
                      background-imgage: bild2.jpg
                     }
</style>
</head>
<body>
<a id="link1" href="link.htm"></a>
</body>
</html>

Alles anzeigen

pulse180 · 12. Juni 2006

warum direkt css!!!

bei mir ist es so wenn man eine weile auf dem bild bleibt erscheint eben in einem gelb hinterlegten fenster neben der maus ein kleiner text.

deine idee ist auch nicht schlecht aber brauchst eben css ich würde es lieber so machen:

HTML

<html>
<head>




<script language="JavaScript">
<!--
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.0
  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 && document.getElementById) x=document.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>
</head>




<body bgcolor="#FFFFFF" text="#000000" onLoad="MM_preloadImages('bild-2.jpg')">




<img src="bild1.jpg" width="100" height="100" name="bild1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('bild1','','bild-2.jpg',1)"> 




</body>
</html>

Alles anzeigen

natürlich kannst du die JavaScript in eine externe datei auslagern und musst so nicht im jeden document diese scripts neu eingeben.

wenn du es dan noch verlinken wilst:

HTML

<html>
<head>




<script language="JavaScript">
<!--
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.0
  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 && document.getElementById) x=document.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];}
}




function MM_goToURL() { //v3.0
  var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
  for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
//-->
</script>
</head>




<body bgcolor="#FFFFFF" text="#000000" onLoad="MM_preloadImages('bild-2.jpg')">




<img src="bild1.jpg" width="100" height="100" name="bild1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('bild1','','bild-2.jpg',1)" onClick="MM_goToURL('parent','der_link.html');return document.MM_returnValue"> 




</body>
</html>

Alles anzeigen

pulse180 · 12. Juni 2006

bitte löschen!!!

Hilfe beim Verlinken meiner Seite

Jetzt mitmachen!

Teilen