Photoshop-Cafe.de :: Dein Photoshop-Forum

Photoshop-Cafe.de :: Dein Photoshop-Forum (https://www.photoshop-cafe.de/forum/index.php)
-   Hilfestellung, Tipps und Tricks (https://www.photoshop-cafe.de/forum/forumdisplay.php?f=30)
-   -   MouseOver (https://www.photoshop-cafe.de/forum/showthread.php?t=5916)

intelli 17.08.09 01:18

... oder hier ....

oder...
oder...
oder...

:) :) :)

intelli

dorftrottel 17.08.09 12:02

Hihi, danke für die Links, aber ich wollte eigentlich wissen wie man das selber macht? ^^
Muss ich da wirklich was von den verschiedene "Sprachen" kennen?

intelli 17.08.09 12:21

Ja, wenn du es "selbst" machen willst...

html, javascript und css.

Wenn Du es mit Elements genauso wie in der "großen" Photoshop-Version machen würdest, wäre es ja auch nicht "seöbst gemacht". Dann würde Photoshop ja den Code für Dich erstellen. :)

Gruß

intelli

dorftrottel 17.08.09 12:58

Okay nochmal von vorne, ich will schon, dass ich das bei Elements intern eingeben kann, was ich will und dann kommt der Mouse-Over Effekt raus. Ich will keine Codes verfassen oder ähnliches :D
Hoffe das ist jetzt verständlich ausgedrückt :D

Scubamarco 17.08.09 13:06

Das machts du im Nachhinein mit NVU.
Da lädst du die fertige Webseite, klickst das Mouseoverbild an und sagts ihm
welches Gif du als zweites, als Overbild willst und fertig.
Da muß man keine Codes kennen.

kritzel 17.08.09 13:46

Hallo Dorftrottel!
Versuche das mal mit diesem komprimierten Quelltext. Du musst den nur als Seite bei Dir abspeichern und die Dateinamen für die Bildchen anpassen. ;)

HTML-Code:

<html>
<head>
<title>Rechtliches</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
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_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_findObj(n, d) { //v3.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); 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 onLoad="MM_preloadImages('Images/Home_On.gif')">
<h1 align="center"><i><font color="#FFFFFF"><i><a href="http://www.doppelkopfclub.de/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Home','','Images/Home_On.gif',1)" target="_parent"><img name="Home" border="0" src="Images/Home_Off.gif" width="60" height="60"></a></i></font></i></h1>
<h1 align="center"><i>Rechtliches</i></h1>
<p align="left">bla bla bla</p>
</body>
</html>



Alle Zeitangaben in WEZ +2. Es ist jetzt 09:12 Uhr.

Powered by vBulletin® Version 3.8.7 (Deutsch)
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
©2005-2024 photoshop-cafe.de

Seite wurde generiert in 0,06125 Sekunden mit 8 Queries