Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „MouseOver in CS4“

BerlinArtists

Vollzeitberliner

Hi,

ich lese mir gerade ein Tutorial durch und bearbeite das gleichzeitig mit CS4 nach. Jedoch scheint sich das Tut auf eine ältere Version zu beschränken, da ich meine MouseOver in ImageReady erstellen soll. Ich habe aber gar kein IR!
Ich denke, dass man in CS4 die Funktion gleich integriert hat, nur weiss ich gerade nicht wie... finde auch keine alternative Anleitung zur Erstellung von MouseOver in CS4...könnt ihr mir da weiterhelfen???

Nur dem Verständnishalber: Ich möchte in CS4 die komplette Navigation gestalten. Einfacher RolloverEffekt beim Drüberfahren mit der Mouse mit Slices...

Danke.

LG
 
Zuletzt bearbeitet:

Photoshop

sunny_76m

Hat es drauf

AW: MouseOver in CS4

Hi,

ich lese mir gerade ein Tutorial durch und bearbeite das gleichzeitig mit CS4 nach. Jedoch scheint sich das Tut auf eine ältere Version zu beschränken, da ich meine MouseOver in ImageReady erstellen soll. Ich habe aber gar kein IR!
Ich denke, dass man in CS4 die Funktion gleich integriert hat, nur weiss ich gerade nicht wie... finde auch keine alternative Anleitung zur Erstellung von MouseOver in CS4...könnt ihr mir da weiterhelfen???

Nur dem Verständnishalber: Ich möchte in CS4 die komplette Navigation gestalten. Einfacher RolloverEffekt beim Drüberfahren mit der Mouse mit Slices...

Danke.

LG

Hab vor ein paar Wochen in nem Tut von Stefan mal gelesen (ich glaube es war das "Webseite klassisch" oder so ähnlich), dass der MouseOver-Effekt nicht mehr im Photshop CS4 integriert ist. Hast du denn evtl. auch den Dreamweaver, da ginge das ganz leicht...
 

northC

Hat es drauf

AW: MouseOver in CS4

ImageRady gibt es seit CS2 nicht mehr. Wie gesagt Dreamweaver oder Fireworks. Ansonsten ist das ein relativ einfacher Code den man dir hier auch posten kann.
 

BerlinArtists

Vollzeitberliner

AW: MouseOver in CS4

Naja, da ich mich mit HTML, bzw Dreamweaver nicht so auskenne...habe ich meine Seite verworfen und gestalte nun die Homepage komplett über CS4. Das ist relativ einfach...nur halt, dass ich jetzt die Navigation brauche..bzw. den Rollovereffekt...aber muss doch irgendwie möglich sein...glaube nicht das Adobe die Funktion unter den Tisch fallen lassen hat... (I hope so)
 

northC

Hat es drauf

AW: MouseOver in CS4

Ohne HTML wirst du aber auch mit Photoshop keine Seite zum laufen bekommen. Höchstens ein in ein starres HTML Gerüst geschnittenes Bild ;)
 

sunny_76m

Hat es drauf

AW: MouseOver in CS4

Naja, da ich mich mit HTML, bzw Dreamweaver nicht so auskenne...habe ich meine Seite verworfen und gestalte nun die Homepage komplett über CS4. Das ist relativ einfach...nur halt, dass ich jetzt die Navigation brauche..bzw. den Rollovereffekt...aber muss doch irgendwie möglich sein...glaube nicht das Adobe die Funktion unter den Tisch fallen lassen hat... (I hope so)

Nun, die Funktion onmouseover gibt es natürlich noch - die ist ja auch nicht von Adobe, sondern wenn ich mich nicht irre... java.

Ich mach dem Seitenaufbau immer im Photoshop (CS3), lege mit dann mit neuen Ebenen die Bilder an, die ich bei onmouseover haben will und speichere das Ganze dann eben zwei mal mit unterschiedlichen aktiven Ebenen - so bekomme ich 1x die Grundstruktur und dann natürlich 2 Sätze von Bildern - 1x Normalzustand und 1x onmouseover-Zustand. Alles weitere mache ich dann im Dreamweaver - theoretisch ginge es auch in jedem Texteditor.

Um HTML-Kenntnisse kommst du aber nicht drum herum, schau dir doch mal Seiten wie selfhtml.org oder Ähnliche an... da kommt man ganz gut in diese Dinge rein. Ah ja, es gibt hier bei psd-tutorials.de übrigens auch ein eigenes Forum für den Webbereich.

Kleiner Tip zu der Seite die du gepostet hast: Die Schrift auf dem Vorhang ist ziemlich schlecht lesbar... vielleicht arbeitest du das noch mal ein bisschen nach.
 
Zuletzt bearbeitet:

BerlinArtists

Vollzeitberliner

Ja danke dir...SelfHTML hab ich...ich lese nochmal nach...

So... ich hab's geschafft!!! Mit Dreamweaver... Juhuuu...




edit Miah: Bitte Editfunktion benutzen, um Doppelposts zu vermeiden. Danke!
 
Zuletzt bearbeitet von einem Moderator:

BerlinArtists

Vollzeitberliner

AW: MouseOver in CS4

Ja, einfach und schlicht... kein grosser SchnickSchnack... hält die Ladezeiten in Grenzen und man behält den Überblick... ist ja schließlich ne Firmenvisitenkarte... so nachdem die Hürde genommen ist, widme ich mich mal den anderen Seiten zu... *tieflufthol*
 
M

mapLayer

Guest

AW: MouseOver in CS4

is bei mir auch so
habe es in cs 3 auch nicht gefunden
warum tun die so ne tolle funktion raus:mad:
 

BerlinArtists

Vollzeitberliner

AW: MouseOver in CS4

tja, ich denke weil Dreamweaver jetzt Adobe gehört und nicht mehr Macromedia... denke ich...oder??? Und schließlich sollst du ja noch mehr kaufen... denn Photoshop alleine reicht meist alleine nicht aus...
 

sunny_76m

Hat es drauf

AW: MouseOver in CS4

Hm...

Ich habe leider kein DreamWeaver. Kann mir jemand den JavaCode geben?

Schau dir das Beispiel, das BerlinArtists gepostet hat (Side 2 ist das richtige) mal an, und dann gehst du in deinem Browser auf "Quellcode anzeigen - ist beim Firefox im Menü "Ansicht") DORT siehst du ganz genau wie es gemacht wird.

Oder aber wie schon gepostet wird auf der on-mouseover.de Homepage.
 

BerlinArtists

Vollzeitberliner

AW: MouseOver in CS4

Ich setz dir nochmal den Quelltext rein...

PHP:
<html>
<head>
<title>The Faces of Theater</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/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) { //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>
</head>
<body bgcolor="#933389" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('Bilder/Side2_04.gif','Bilder/Side2_06.jpg','Bilder/Side2_08.jpg','Bilder/Side2_10.jpg','Bilder/Side2_12.jpg')">
<style type="text/css">
html,body { height:100%; margin:0; padding:0; text-align:center; }
div#center repeat-y; height:100%; width:760px; margin: 0 auto 0 auto;}
</style>

<!-- Save for Web Slices (Side2.psd) -->
<table id="Tabelle_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="11">
            <img src="Bilder/index_01.jpg" width="1024" height="239" alt=""></td>
    </tr>
    <tr>
        <td colspan="11">
            <img src="Bilder/index_02.jpg" width="1024" height="77" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="Bilder/index_03.gif" width="233" height="97" alt=""></td>
        <td>            <a href="index2.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image15','','Bilder/Side2_04.gif',1)"><img src="Bilder/index_04.gif" name="Image15" width="97" height="97" border="0"></a></td>
        <td>
            <img src="Bilder/index_05.jpg" width="21" height="97" alt=""></td>
        <td>            <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image16','','Bilder/Side2_06.jpg',1)"><img src="Bilder/index_06.jpg" name="Image16" width="97" height="97" border="0"></a></td>
        <td>
            <img src="Bilder/index_07.jpg" width="16" height="97" alt=""></td>
        <td>            <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image17','','Bilder/Side2_08.jpg',1)"><img src="Bilder/index_08.jpg" name="Image17" width="97" height="97" border="0"></a></td>
        <td>
            <img src="Bilder/index_09.jpg" width="20" height="97" alt=""></td>
        <td>            <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image18','','Bilder/Side2_10.jpg',1)"><img src="Bilder/index_10.jpg" name="Image18" width="97" height="97" border="0"></a></td>
        <td>
            <img src="Bilder/index_11.jpg" width="21" height="97" alt=""></td>
        <td>            <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image19','','Bilder/Side2_12.jpg',1)"><img src="Bilder/index_12.jpg" name="Image19" width="97" height="97" border="0"></a></td>
        <td>
            <img src="Bilder/index_13.jpg" width="228" height="97" alt=""></td>
    </tr>
    <tr>
        <td colspan="11">
            <img src="Bilder/index_14.jpg" width="1024" height="63" alt=""></td>
    </tr>
    <tr>
        <td colspan="11">
            <img src="Bilder/index_15.jpg" width="1024" height="292" alt=""></td>
    </tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.388
Beiträge
1.537.233
Mitglieder
67.258
Neuestes Mitglied
SaschMasch1312
Oben