Hackerboard Wiki HaboBlog
Hackerboard bei Facebook Hackerboard bei Google+ Hackerboard bei Twitter

[HaBo]

 
(Web-) Design und webbasierte Sprachen Tipps & Tricks, Designabgleich, HTML & Javascript, Flash, ASP, PHP, Perl/CGI...

Grafiken transparent machen? Geht das mit JavaScript?

Diskussion: Grafiken transparent machen? Geht das mit JavaScript? im Forum (Web-) Design und webbasierte Sprachen, in der Kategorie Web, Network & Multimedia Palace; Anzeige ...Oder was müsste ich dafür verwenden, um eine Grafik, die von vornherein nicht transparent ist, durchsichtig im Browser darstellen ...

Antwort
Alt 07.10.04, 14:08   #1 (permalink)
 
Registriert seit: 08.07.03
tine Leistung: Facit NTK
Likes: 0
Smile Grafiken transparent machen? Geht das mit JavaScript?

Anzeige

...Oder was müsste ich dafür verwenden, um eine Grafik, die von vornherein nicht transparent ist, durchsichtig im Browser darstellen zu lassen? Ich möchte nicht nur .gif's verwenden, sondern auch .jpg und .bmp-Bilder. Weiss jemand wie das geht, und kann mir vielleicht ein paar Links dazu geben, oder ein Script posten? Ich kenne mich leider nicht so aus, könnte mir aber vorstellen, dass es vielleicht was mit der Sichtbarkeit zu tun hat, allerdings hab ich keinen Plan, nach welchem Stichwort ich googlen soll.
Hilfe wäre lieb.

Eure Tine

tine ist offline   Mit Zitat antworten
Alt 07.10.04, 15:44   #2 (permalink)
Member of Honour
 
Benutzerbild von ivegotmail
 
Registriert seit: 28.05.03
ivegotmail Leistung: Z3
Likes: 1
Standard

http://www.google.de/search?q=alpha+...ernet+explorer

funktioniert aber nur im IE, also nicht wirklich empfehlenswert ...
__________________
http://livehabo.hackerboard.de | http://livebb.sourceforge.net
ivegotmail ist offline   Mit Zitat antworten
   
HaBOT
 
- Anzeige -

Werbung ist gerade online    
Alt 07.10.04, 22:32   #3 (permalink)
Themenstarter
 
Registriert seit: 08.07.03
tine Leistung: Facit NTK
Likes: 0
Thumbs down

Vielen Dank, wieder was dazugelernt
tine ist offline   Mit Zitat antworten
Alt 10.10.04, 12:27   #4 (permalink)
MJK
 
Registriert seit: 27.09.04
MJK Leistung: Facit NTK
Likes: 0
Standard

Wenn deine Bilder unbewegt bleiben, könnte mann auch einfach die Bilder so gestalten, dass sie aussehen, als wären sie Transparent, obwohl sie's nicht sind.
MJK ist offline   Mit Zitat antworten
Alt 15.11.04, 14:56   #5 (permalink)
Member of Honour
 
Registriert seit: 20.10.01
boppy Leistung: Facit NTK
boppy eine Nachricht über ICQ schicken
Likes: 0
Standard RE: Grafiken transparent machen? Geht das mit JavaScript?

Zitat:
Original von tine
Ich möchte nicht nur .gif's verwenden, sondern auch .jpg und .bmp-Bilder.
WUUUUARRRGG! - Also da sollten wir mal ein paar Grundzüge lernen:

GIF-Format
Speichert nur n farben, wobei 2 < n < 256. GIF hat keinen Alphachannel, kann also nur ganz oder gar nicht durchsichtig (transparent) sein. im GIF-Format wird eine Farbe als Transparent markiert, was früher sogar MSPaint konnte...
GIF ist ungeeigenet für komplexe Grafiken und Photos, sehr wohl aber für mittlere und kleine grafiken sowie für grafiken, die weniger als 256 Farben habe und die Farbtreue behalten müssen.

JPG-Format
Speichert nicht in einzelnen farben, sondern komprimiert das bild. Hierbei ist kein Alphachannel benutzbar und auch keine "Durchsichtigkeit" (der duden freut sich...). Das Format speichert jedoch Bilder und komplexe grafiken in kleinster größe.

PNG-Format
Das PNG format hällt immermehr einzug in die EDV, nur Microsoft hat den Trend natürlich verpasst. PNG supportet einen Alphachannel, hat eine vernünftige Komprimierung und weiß auch, wie man mit transparenten bereichen umgeht
Sehr nette Seite hierzu: http://www.koivi.com/ie-png-transparency/
Auch sehr nett (nicht IE taugliuch): http://www.mozilla.org/start/1.0/demos/eagle-sun.html
M$ plant scheinbar im moment auch keine implementierung des kompletten PNG-Standarts, was schade ist. Dennoch empfielt sich dieses Grafikformat für kleinere und mittlere bilder soie für nett schattierte bilder, wie im beispiel.

bmp-Format
Da graut es mich wirklich am aller aller meisten. Die BMP in meinem beispiel ist 5k groß, während die gleichauflösende JPG(80)-Grafik nur die hälfte an Platz braucht und die GIF-Grafik, die kaum verluste meldet sogar nur 1287 Byte groß ist (also nur ein viertel). Weiterhin stellen nicht alle browser diese mega-alt-grafik-dateien da. Netscape und FireFox verbiegen die Hintergrundfarbe und machen somit keinen spass... Also empfehle ich dir: LASS BLOSS DIE FINDER VON BMP-Grafiken!!!




Programme zum editieren von Grafiken gibt es en masse. Sogar kostenlos: www.gimp.org

Mein Beispiel: http://boppy.dyn.ee//www.hackerboard...ken/bilder.htm
Du siehst dort erst die normale Grafik in 50x50px, dann die grafik in vergrößert auf 300*300px (also 6fach) und daneben die FarbInfos und die Größe in Byte.

Zuerst kommen die GIFs. Die Klammerwerte sind die Anzahl der Farben, die in der Palette zu finden sind.
Dann kommen die JPGs. Die Klammerwerte sind die %-Angaben der Qualität, wobei natürlich 100 das beste ist!
Dann kommen die PNG8s. Hier bedeuten die Klammerwerte auch wieder die Palettengröße wie bei GIF.
Dann kommt ein PNG24. Hier gibt es keine weiteren eigenschaften. Es ist das bestauflösende Bild, allerdings auch nicht grade klein
Dann kommt ein BMP24, also ein Bitmap in 24Bit auflösung (so, wie es auch paint speichert...)
boppy ist offline   Mit Zitat antworten
Antwort
   
- Anzeige -

Werbung ist gerade online    

[HaBo] » Web, Network & Multimedia Palace » (Web-) Design und webbasierte Sprachen » Grafiken transparent machen? Geht das mit JavaScript?
Themen-Optionen
Ansicht

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

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


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
FTP Problem mit SQUID(Transparent) elite-noob Linux/UNIX 2 06.04.09 08:27
Benachrichtigungsfeld+transparent tanj Linux/UNIX 2 03.09.07 19:00
Laufschrift Transparent Sven (Web-) Design und webbasierte Sprachen 7 03.01.07 13:20
symbole transparent Hirnbreaker Windows 4 21.06.05 10:28
Desktop Symbol-Hintergund transparent machen Pastor Windows 6 23.10.03 15:25


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