getreidemuehlen
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 13.07.2002, 21:05   #1
TP-Supporter
 
Benutzerbild von felis
 
Registriert seit: Aug 2001
Ort: Österreich
felis macht alles soweit korrekt
Unhappy

Bilder mit Rollover speichern?


Wie speichere ich ein Bild aus Photoshop bzw. ImageReady mit Rollover (onmouseover) so, das der mousover in Dreamweaver dann auch funktioniert?

Das bekomm ich irgendwie nicht hin!
__________________
Die Sonne scheint immer, man kann sie nur manchmal nicht sehen!
felis ist offline   Mit Zitat antworten


Alt 13.07.2002, 21:23   #2
TP-Special Mod
 
Benutzerbild von Thomas
 
Registriert seit: May 2001
Ort: Arnsberg - Sauerland
Thomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine User
Smile

Hi Felis,

ich mach das immer anders und - wie ich finde - einfacher:

ich erzeuge mir in PS zwei verschiedene Buttons, speichere diese als button_1.gif & button_2.gif irgendwo ab.

In DW füge ich dann button_1.gif als Grafik ein und weise dieser per Verhaltens-Fenster das Verhalten "Bild austauschen" zu und geb dann halt button_2.gif dafür an.

Vorteil dieser Methode: sämtlicher Code "rund um den Button", im <head> und im <body> wird von DW automatisch erzeugt.

______________________

die Variante mit IR habe ich gerade dann zum ersten mal auch probiert:

du bekommst als Ergebnis eine button.html und eine Ordner "Images" mit den gifs. mach dir die Button.html auf.

Nun musst du folgendes in deiner Seite in der Code-Ansicht von DW aus der button.html einfügen/kopieren:

an die Stelle, wo dein Rollover hin soll kopierst du den code:

Code:
 <!-- ImageReady Slices (button.psd) -->
<A HREF="#"
	ONMOUSEOVER="changeImages('button_01', 'images/button_01-over.gif'); return true;"
	ONMOUSEOUT="changeImages('button_01', 'images/button_01.gif'); return true;">
	<IMG NAME="button_01" SRC="images/button_01.gif" WIDTH=130 HEIGHT=28 BORDER=0></A>
<!-- End ImageReady Slices -->
in den <head> kopierst du alles von


Code:
 <!-- ImageReady Preload Script (button.psd) -->

bis 

<!-- End Preload Script -->
und in den <body> setzt du noch
Code:
ONLOAD="preloadImages();"
that's all

(ich glaube, meine erstgenannte Methode ist wirklich fixer )
Thomas ist gerade online   Mit Zitat antworten
Alt 13.07.2002, 21:46   #3
TP-Supporter
 
Benutzerbild von felis
 
Registriert seit: Aug 2001
Ort: Österreich
felis macht alles soweit korrekt
Zitat:
ich erzeuge mir in PS zwei verschiedene Buttons, speichere diese als button_1.gif & button_2.gif irgendwo ab.
In DW füge ich dann button_1.gif als Grafik ein und weise dieser per Verhaltens-Fenster das Verhalten "Bild austauschen" zu und geb dann halt button_2.gif dafür an.
Zuerst mal danke für die Antwort!
Ja, ich weiß, aber mein Problem ist, das:

1. das bild von der schaltfläche nicht schön wirkt und

2. es sind dreieckige schaltflächen die so angeordnet sind, dass sich der transparente Teil überlagert. Wenn jetzt beide unterschiedliche rollover effekte haben sollen funktioniert das nicht, weil sie sich eben überlagern

Danke für die Erklärung mit dem Code - einfügen. Das wird mir auf jeden Fall weiterhelfen.

Was noch mein Problem ist:

Speicherst du das ganze in Imageready als gif oder wie?
Bei mir wird zwar der Ordner Bilder, aber keine Html - Datei "Button".

Oder muß ich es direkt im Photoshop speichern?
__________________
Die Sonne scheint immer, man kann sie nur manchmal nicht sehen!
felis ist offline   Mit Zitat antworten
Alt 13.07.2002, 21:54   #4
TP-Special Mod
 
Benutzerbild von Thomas
 
Registriert seit: May 2001
Ort: Arnsberg - Sauerland
Thomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine User
Smile

Zitat:
Original geschrieben von felis

Speicherst du das ganze in Imageready als gif oder wie?
Bei mir wird zwar der Ordner Bilder, aber keine Html - Datei "Button".
--> Datei --> Optimiert Version Speichern unter und dort als Dateityp "Html und Bilder" auswählen
Thomas ist gerade online   Mit Zitat antworten
Alt 13.07.2002, 22:02   #5
TP-Supporter
 
Benutzerbild von felis
 
Registriert seit: Aug 2001
Ort: Österreich
felis macht alles soweit korrekt
Smile

Ach so!

Ja, jetzt gehts! - so einfach! Warum bin ich da nicht draufgekommen ?
Egal, jedenfalls vielen Dank!
__________________
Die Sonne scheint immer, man kann sie nur manchmal nicht sehen!
felis ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Grafik & Multimedia > Photoshop
Bilder mit Rollover speichern? Bilder mit Rollover speichern?
« Rahmen um Schrift | Grafik freigestellt und doch weißer Rand »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:38 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67