+ Antworten
Ergebnis 1 bis 5 von 5

Thema: Bilder mit Rollover speichern?

  1. #1
    TP-Supporter felis macht alles soweit korrekt Avatar von felis
    Registriert seit
    Aug 2001
    Ort
    Österreich
    Beiträge
    362

    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!

  2. #2
    TP-Special Mod TP-Sponsor Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Avatar von Thomas
    Registriert seit
    May 2001
    Ort
    Arnsberg - Sauerland
    Beiträge
    21.326

    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 )

  3. #3
    TP-Supporter felis macht alles soweit korrekt Avatar von felis
    Registriert seit
    Aug 2001
    Ort
    Österreich
    Beiträge
    362
    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!

  4. #4
    TP-Special Mod TP-Sponsor Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Avatar von Thomas
    Registriert seit
    May 2001
    Ort
    Arnsberg - Sauerland
    Beiträge
    21.326

    Smile

    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

  5. #5
    TP-Supporter felis macht alles soweit korrekt Avatar von felis
    Registriert seit
    Aug 2001
    Ort
    Österreich
    Beiträge
    362

    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!

+ Antworten

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

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