Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Einzelnen Slices Mouseover Effekte zuordnen?“

G

GodxIsxAxPlaya

Guest

Hallo liebe PSD-Tutorial Gemeinde!

Ich habe einem Bild nun verschiedene Slices zugeordnet. Nun würde ich es gerne so haben, dass wenn ich mit der Maus über einen dieser Slices fahre, ich in der Mitte des Bildschirms ein neues Bild angezeigt bekomme. Momentan bekomme ich es über die Slice Optionen nur hin, dass er mir das Bild in einem neuen Fenster anzeigt.

Ich hoffe ich habe mich einigermaßen verständlich ausgedrückt und hoffe der ein oder andere kann mir weiter helfen ;)


Lg

Martin
 

Photoshop

plexynote

pixelmaster

AW: Einzelnen Slices Mouseover Effekte zuordnen?

Jedes Slice muss eine Bezeichnung haben, z.B.
<div id="slice_01"></div>
<div id="slice_02"></div>
oder so.

Dann in denn CSS-Bereich der HTML-Seite einfach reinschreiben:

#slice_01 {
background: url("slice_01.jpg") top left no-repeat;
width: 120px;
height: 60px;
}
#slice_01:hover {
background: url("slice_01_mouseover.jpg");
}

Das wäre die einfachste Lösung mit reinem CSS. die Angaben für Höhe und Breite musst Du natürlich an die Bildabmessungen anpassen.
 

fexx

Aktives Mitglied

AW: Einzelnen Slices Mouseover Effekte zuordnen?

zeig bitte mal ein design ... könnte sein, dass man das nur mit javascript realisieren kann ... ;-)
 
G

GodxIsxAxPlaya

Guest

AW: Einzelnen Slices Mouseover Effekte zuordnen?

<a href="http://wowdata.buffed.de/tooltips/items/gif/16465.gif" target="http://wowdata.buffed.de/tooltips/items/gif/16465.gif">
<img src="Bilder/xxx_03.gif" width="49" height="49" border="0" alt=""></a></td>

Das ist im Endeffekt die Zeile wo also der Slice xxx_03.gif beim klicken auf das Bild http://wowdata.buffed.de/tooltips/items/gif/16465.gif verweist. Dieses wird momentan halt im neuen Fenster geöffnet, soll aber halt als *tooltip* neben dem Bild xxx_03.gif erscheinen.
 
Zuletzt bearbeitet von einem Moderator:
G

GodxIsxAxPlaya

Guest

AW: Einzelnen Slices Mouseover Effekte zuordnen?

Hat denn keiner einen Tip wie ich das bewerkstelligen kann ?? :(
 
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

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
175.158
Beiträge
2.581.868
Mitglieder
67.223
Neuestes Mitglied
Desiree
Oben