php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 12.03.2011, 12:11  
3jfx
Gast
 
Beiträge: n/a
Standard [Erledigt] gif bild, dass sich bei mouseover ändert

heyho, ich habe eine kurze frage:

beispielsweise auf facebook.de sind ja oben logos, wenn man mit der maus drüberfährt ändert sich jeweils das logo. und das haben die alles in ein gif bild reingemacht.

und meine frage ist, wie geht sowas?
  Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 12.03.2011, 14:19  
Erfahrener Benutzer
 
Registriert seit: 04.08.2010
Beiträge: 287
PHP-Kenntnisse:
Fortgeschritten
zwutz wird schon bald berühmt werden
Standard

http://www.alistapart.com/articles/sprites
zwutz ist offline   Mit Zitat antworten
Alt 16.03.2011, 06:33  
Erfahrener Benutzer
 
Registriert seit: 29.08.2008
Beiträge: 777
halskrause wird schon bald berühmt werden
Standard

Es würde mich wundern, wenn facebook animierte gifs nutzt. Eine so stark frequentierte Seite würde nicht fertige gifs ausliefern, weil es die Seite langsamer machen würde. Auch die Leute, die nicht mit der Maus drüberfahren, hätten das Bild ausgeliefert bekommen.

Versuchs mal per Javascript oder jQuery...
halskrause ist offline   Mit Zitat antworten
Alt 16.03.2011, 08:44  
Erfahrener Benutzer
 
Registriert seit: 04.08.2010
Beiträge: 287
PHP-Kenntnisse:
Fortgeschritten
zwutz wird schon bald berühmt werden
Standard

liest hier auch jemand, was ich schreibe?

Das sind Sprites, dazu braucht es kein Javascript, da reicht normales CSS vollkommen aus.

das ist die Grafik, die FB dafür verwendet
zwutz ist offline   Mit Zitat antworten
Alt 18.03.2011, 02:14  
Benutzer
 
Registriert seit: 30.12.2010
Beiträge: 69
PHP-Kenntnisse:
Anfänger
syNTax befindet sich auf einem aufstrebenden Ast
Standard

Code:
// CSS TEIL
.mouseover 		{	
				display:block; 
				background-image:url(img/button.png); 
				background-repeat:no-repeat; 
				width:120px; height:50px;
				}

img.mouseover:hover  
				{	
				display:block; 
				background-image:url(img/button2.png); 
				background-repeat:no-repeat; 
				width:120px; height:50px;
				}
//HTML TEIL

<img class="mouseover" />
__________________
***Hier könnte Ihre Werbung stehen***

Geändert von syNTax (18.03.2011 um 02:48 Uhr).
syNTax ist offline   Mit Zitat antworten
Alt 31.03.2011, 16:15  
3jfx
Gast
 
Beiträge: n/a
Standard

dankeschön
  Mit Zitat antworten
Antwort


Themen-Optionen
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

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
[Erledigt] Bild ausgeben solange das Script läuft favo PHP-Fortgeschrittene 6 17.09.2010 13:34
[Erledigt] Bild erstellen, speichern und gespeichertes Bild anzeigen Garog PHP Tipps 2009 26 11.07.2010 18:01
[GELÖST] Bild in die Datenbank einspielen Timmbow Datenbanken 15 16.01.2010 19:45
[Erledigt] javascript mouseover Bild vergrössern. c01001 JavaScript, Ajax und mehr 2 02.05.2009 18:59
Bild Mouseover über Tabellen bonfires PHP Tipps 2009 4 11.04.2009 13:36
Bild in enuem Fenster öffnen? K3HLIM JavaScript, Ajax und mehr 6 10.04.2009 20:43
[Erledigt] bild als link mit mouseover ohne zeilenumbruch SteiniKeule HTML, Usability und Barrierefreiheit 12 30.10.2008 21:12
Transparentes Bild über Bild legen *update gelöst* Broadcast PHP-Fortgeschrittene 11 04.02.2008 15:27
Dynamische Bildgenerierung: Bild ändert sich nicht Jacks Rache PHP Tipps 2006 1 03.09.2006 10:01
Dropdown ändert Bild? Unbekanntes_Pferd HTML, Usability und Barrierefreiheit 5 20.05.2006 11:40
[Erledigt] Bild aus Datei in Bild einfügen PHP Tipps 2005-2 1 07.08.2005 23:36
[PHP«Image] Bild in ein anderes Bild einsetzen PHP Tipps 2005-2 4 07.08.2005 19:39
Bild in Zeile bei Mouseover ändern Tschuu HTML, Usability und Barrierefreiheit 7 11.03.2005 12:42
Bild größe hat prob mit umbenennung. JEGO PHP Tipps 2004 1 08.07.2004 16:30

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
erledigt gif, bild ändert sich html, mouseover gif, bei hover neues bild einspielen, erledigt gifs, gif bilder maus, html bild verändert sich, animierte gif bilder in facebook einsetzen ?, php maus bild, php mouse over mit bild, php mouse over image, gif bild verändert sich, onmouseover bild einspielen, gif bilder codes for facebook, html bild mouseover verändern, mauszeiger verändert sich bei mouseover, mauszeiger als bild php, html bild ändert sich, mouseover im gif, php mit maus über bild wie facebook

Alle Zeitangaben in WEZ +2. Es ist jetzt 05:08 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum