[HaBo]

krimecing · 07.09.07, 18:12

hi leute hoffe jemand kann mir helfen, versuche einen rollover effekt und bekomme es aber nicht hin mit diesen beiden dateien hier:

[wenn cursor rüberfährt soll der schalter sich bewegen]

habe hier schon gekuckt: http://www.inf-wiss.uni-konstanz.de/.../images-20.htm aber weiss nicht wie ich was einfügen muss

kann mir da evtl. jemand helfen

valenterry · 07.09.07, 18:32

Code:

<style type="text/css">
.schalter
{
    background-image: url(images/schalter_oben.jpg);
    background-repeat: no-repeat;
}
.schalter:hover /* beim Berühren mit Maus */
{
    background-image: url(images/schalter_unten.jpg);
}
</style>


<!-- irgendwo weiter unten im Quelltext... -->

<span class="schalter">

So lässt sich das ganze mit CSS lösen und ist benutzerfreundlicher, weil es auch ohne Javascript funktioniert. Mit Javascript geht es auch. Was verstehst du an deinem Link nicht? Da wird es eigentlich gant gut erklärt. Wenn du konkrete Fragen stellst, kann man auch helfen, aber nicht bei einem "kann man da jemand helfen". Guck halt selber erstmal bei SELFHTML.

Anzeige

- Anzeige -

BigDevil · 07.09.07, 21:16

Zitat:

Original von valenterry
So lässt sich das ganze mit CSS lösen und ist benutzerfreundlicher, weil es auch ohne Javascript funktioniert.

Man sollte auch sagen das einige Leute JavaScript deaktiviert haben und es bei denen garnicht funktionieren würde.

PapaJanus · 08.09.07, 01:21

Bei den Leuten die JS deaktiviert haben klappt dann aber auch kein AJAX usw. insofern ist das wohl eher das Problem des Anwenders.
Wir könnten theoretisch auch davon ausgehen das der User ein personalisiertes Stylesheet nutzt. Tun wir aber nicht weil er es, sollte er die Seite richtig sehen wollen einfach nur abzuschalten braucht.

Ich bin trotzdem auch für die CSS Methode. *g*

Grüße

valenterry · 08.09.07, 10:34

Zitat:

Original von PapaJanus
Bei den Leuten die JS deaktiviert haben klappt dann aber auch kein AJAX usw. insofern ist das wohl eher das Problem des Anwenders.

Und es ist das Problem des Webdesigners, wenn die Besucher weglaufen.
Ein guter Webdesigner, designt seine Seiten barrierefrei. Das heißt, dass er bei wichtigen Vorgängen _immer_ eine Variante ohne Frames, Javascript, Flash, Java, ... bereitstellt. Nur für kleine Spielereien braucht man keine Alternative.

Zitat:

Wir könnten theoretisch auch davon ausgehen das der User ein personalisiertes Stylesheet nutzt. Tun wir aber nicht weil er es, sollte er die Seite richtig sehen wollen einfach nur abzuschalten braucht.

Das personalisierte Stylesheet hat aber damit nix zu tun. Damit stellt der User vielleicht seine Schriftfarben, Schriftgrößen, Links, ... ein, aber er wird nicht verhindern oder verändern, dass wir Hintergrundgrafiken benutzen. Wenn er das wollte, könnte er es auch in Javascript verhindern, verändern.

Zitat:

Ich bin trotzdem auch für die CSS Methode. *g*

Besser ist's

PapaJanus · 08.09.07, 11:11

Zitat:

Original von valenterry

Zitat:

Original von PapaJanus
Bei den Leuten die JS deaktiviert haben klappt dann aber auch kein AJAX usw. insofern ist das wohl eher das Problem des Anwenders.

Und es ist das Problem des Webdesigners, wenn die Besucher weglaufen.
Ein guter Webdesigner, designt seine Seiten barrierefrei. Das heißt, dass er bei wichtigen Vorgängen _immer_ eine Variante ohne Frames, Javascript, Flash, Java, ... bereitstellt. Nur für kleine Spielereien braucht man keine Alternative.

Das denk ich mir normalerweise auch, aber es gibt mittlerweile so viele große Kommerzielle Seiten / Webanwendungen die die mit AJAX oder auch nur JS schier um sich schmeißen.
Die Zeiten in denen man auf den JS-losen Eigenbrötler (ich nenn das jetzt einfach mal so. *g*) achten muss sind eigentlich vorbei...

Grüße

Anzeige

- Anzeige -

07.09.07, 18:12	#1 (permalink)
krimecing Registriert seit: 08.01.05 Likes: 0	Rollover-Effekt? Anzeige hi leute hoffe jemand kann mir helfen, versuche einen rollover effekt und bekomme es aber nicht hin mit diesen beiden dateien hier: [wenn cursor rüberfährt soll der schalter sich bewegen] habe hier schon gekuckt: http://www.inf-wiss.uni-konstanz.de/.../images-20.htm aber weiss nicht wie ich was einfügen muss kann mir da evtl. jemand helfen

07.09.07, 18:32	#2 (permalink)
valenterry Registriert seit: 25.07.06 Likes: 0	Code: <style type="text/css"> .schalter { background-image: url(images/schalter_oben.jpg); background-repeat: no-repeat; } .schalter:hover /* beim Berühren mit Maus */ { background-image: url(images/schalter_unten.jpg); } </style> <!-- irgendwo weiter unten im Quelltext... --> <span class="schalter"> So lässt sich das ganze mit CSS lösen und ist benutzerfreundlicher, weil es auch ohne Javascript funktioniert. Mit Javascript geht es auch. Was verstehst du an deinem Link nicht? Da wird es eigentlich gant gut erklärt. Wenn du konkrete Fragen stellst, kann man auch helfen, aber nicht bei einem "kann man da jemand helfen". Guck halt selber erstmal bei SELFHTML.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Rollover	Test User	Hackerboard.de-Feedback	11	17.07.09 10:36
Rollover/PopUp	krimecing	(Web-) Design und webbasierte Sprachen	6	07.01.08 22:09
Flow-Effekt	mauralix	HaBo Lounge	25	12.12.07 20:07
RollOver unter IE	:::Lük:::	(Web-) Design und webbasierte Sprachen	3	20.11.06 01:13
Gel-Effekt im Photoshop? Wie?	doeme89	Applikationen	2	12.08.05 23:27

08.09.07, 01:21	#4 (permalink)
PapaJanus Registriert seit: 10.04.07 Likes: 0	Bei den Leuten die JS deaktiviert haben klappt dann aber auch kein AJAX usw. insofern ist das wohl eher das Problem des Anwenders. Wir könnten theoretisch auch davon ausgehen das der User ein personalisiertes Stylesheet nutzt. Tun wir aber nicht weil er es, sollte er die Seite richtig sehen wollen einfach nur abzuschalten braucht. Ich bin trotzdem auch für die CSS Methode. g Grüße

[HaBo]

Rollover-Effekt?