HTML-Bilder

Digedag

<i>ranglos</i>
Mitglied seit
06.09.2003
Beiträge
1.207
Ich habe ein paar Fragen zum anzeigen von Bildern.

1) Wie kann ich Bilder übereinander anzeigen lassen.
2) Wie kann ich ein Bild transparent machen(also dass z.B. nur 50% der Pixel angezeigt werden).
3)Wie kann ich Farben eines Bildes transparent anzeigen lassen(also dass z.B. der weisse Rand um eine Figur transparent ist)?
 

Vash

the Evil
Teammitglied
SDC-Team
Mitglied seit
10.06.2004
Beiträge
1.887
Digedag schrieb:
Ich habe ein paar Fragen zum anzeigen von Bildern.

1) Wie kann ich Bilder übereinander anzeigen lassen.
Hmm, mag sein, dass ich das jetzt falsch verstehe aber falls du die Anzeige im Browser meinst, dann über Tabellen (<table> <tr> <td> <img src="bild.jpg"> </td> </tr> </table>)
Digedag schrieb:
2) Wie kann ich ein Bild transparent machen(also dass z.B. nur 50% der Pixel angezeigt werden).
Weiß ich nicht, brauchte ich bisher nie
"
[quote="Digedag]3)Wie kann ich Farben eines Bildes transparent anzeigen lassen(also dass z.B. der weisse Rand um eine Figur transparent ist)?[/QUOTE]Mit einem Grafikprogramm über gif Export und die Farbe wählen die transparent sein soll und neu abspeichern.
 
OP
OP
D

Digedag

<i>ranglos</i>
Mitglied seit
06.09.2003
Beiträge
1.207
Mit übereinander meine ich, dass ein Bild von einem anderen überdeckt wird(also ein Bild ist nichtmehr ganz sichtbar, weil ein anderes drüber liegt)..
 

Rici

Welsh Cat
Teammitglied
SDC-Team
Mitglied seit
23.08.2001
Beiträge
5.843
Zu 1.)
Die einfachste Möglichkeit, die mir einfällt, ist mit Hilfe von Layer die gewünschten Positionierungen einzubauen. Eine recht hilfreiche Anleitung dazu bietet, wieder einmal, SelfHTML: >Link zum Thema<.

Zu 2.)/3.)
Beide Effekte lassen sich lediglich mit Grafikprogrammen wie z.B. Paint Shop erzeugen. Wenn Du eines hast, kannst uns ja mitteilen, welches Du benutzt, dann können wir Dir genauere Anweisungen geben. Falls nicht, lad Dir einfach mal die Demo von Jasc Paint Shop Pro, das ist meiner Meinung nach ein gutes Grafikprogramm zur simplen Bearbeitung von Grafiken (simpel im Gegensatz zu Mammutprogrammen wie Photoshop!).
 
Mitglied seit
17.06.2004
Beiträge
208
1) Wie kann ich Bilder übereinander anzeigen lassen.
Musst eben wie Rici sagte mit Ebenen arbeiten...
Ebenen sind "verwandt" mit den so genannten DIV-Containern ("Barriere-Freiheit" 4ever =) ) .
Auch mit diesen kann man unter anderem eine Überlappung erwirken. Einfach mal bei http://de.selfhtml.org stöbern.
Überlappungen von Bildern benutzt man sehr selten. Man erstellt Überlappung mithilfe einer softwareseitigen Lösung - sprich die Bilder werden in der Bildbearbeitungsanwendung schon übereinander gelegt und "dahinter" mit transparenten Hintergrund versehen.

Wie kann ich ein Bild transparent machen(also dass z.B. nur 50% der Pixel angezeigt werden).
Halbtransparenz ist eine coole Sache, die leider nur vom Format PNG-24 ( bzw. PNG-32) unterstützt wird. Leider muss der Browser dieses Format auch ordnungsgemäß einlesen... ( was nicht immer der Fall ist )

Wie kann ich Farben eines Bildes transparent anzeigen lassen(also dass z.B. der weisse Rand um eine Figur transparent ist)?
Ähm.. je nach Programm. :)

Die meisten Programme haben die Funktion, dass transparente Pixel ( meist graues Kästchenmuster) automatisch auch transparent bleiben, wenn man sie als gif und png absichert. Viele Programme wie PS bieten die Möglichkeit optional eben noch einzelnde Farben, z.B. weiß, transparenz darzustellen.
 
OP
OP
D

Digedag

<i>ranglos</i>
Mitglied seit
06.09.2003
Beiträge
1.207
Ist zwar schon eine Weile her, aber momentan bin ich wieder bei dem Problem angelangt.

Ich benutze Photoshop und w&#252;rde mich freuen, wenn mir jemand genaueres zum Thema sagen kann.

Der Link zu 1. ist das, was ich brauche. Thx daf&#252;r.
 
Oben