Bild langsam einblenden :: Webdesign mit HTML, CSS sowie Javascript

PHP Portal » PHP Forum » Entwicklung » Webdesign mit HTML, CSS sowie Javascript » Bild langsam einblenden

Login
- Registrierung
- Passwort vergessen
- Login Passwort
Themenoptionen
Forum
Werbung
Sonstiges
- Impressum
- Datenschutz
- Sitemap
- Partner
- Link setzen

Bild langsam einblenden

28.11.2008 16:28 von Gast

Besucher

Hallo an Alle!

Gibt es eine Möglichkeit ein Bild langsam ein zu blenden?
Also so in der Art, das man z.B. auf einen Button / Link drückt,
ein Div eingeblendet wird (ohne Hintergrund) und ein Bild
innerhalb des Div's erst 100% transparent ist, und dann immer
weniger durchsichtig wird, bis die Transparenz 0% erreicht.

Bin für jeden Tipp dankbar!

Re: Bild langsam einblenden

28.11.2008 17:05 von Abraxax

Member

Zitat

da gibt es javascript-spielereien, die dies können. empfehlen kann ich dies aber nicht, das es die rechner leitungstechnisch in die knie zwingen kann.

Re: Bild langsam einblenden

01.12.2008 10:51 von Gast

Besucher

Zitat

eventuell noch ein Link vorhanden?
Ich finde nicht wirklich was brauchbares :help:

Re: Bild langsam einblenden

23.01.2009 22:06 von Abraxax

Member

Zitat

tut mir leid ... hier müsstest du dich sicher suchenderweise bemühen. ,-)

ps. sorry für die späte antwort. *gg*

Re: Bild langsam einblenden

13.02.2009 14:36 von TBT

the Boss

Zitat

musste dies ein bissel umbauen:

Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
		  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml]http://www.w3.org/1999/xhtml">
<head>
  <title>Blendeffekt Test</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <script language="javascript" type="text/javascript">
  /* <![CDATA[ */
		function blend ( obj, percent ) {
			if( typeof percent == "undefined" ) {
				percent = 100;
			}
			percent -= 5;
			if( percent >= 0 ) {
				obj.style.opacity = percent/100;
				obj.style.filter = "Alpha(opacity="+percent+")";
			} else {
				obj.style.opacity = Math.abs(percent)/100;
				obj.style.filter = "Alpha(opacity="+Math.abs(percent)+")";

für die ungekürzte Fassung bitte einloggen

Antwort erstellen

php2all Webdesign &
Programmierung