Slider
0 
Felix Riesterer
0 0 Felix Riesterer
0
0 Take
0 Take
Slider
#contentslider {
position:absolute;
top:0px;
width: 960px;
height: 444px;
background:url(images/contentlayer.png);
background-repeat:no-repeat;
right: 0px;
left: 0px;
z-index:2;
}
<head>
<link rel="stylesheet" href="layout.css" type="text/css" media="screen"/>
<script language="JavaScript1.2" type="text/javascript" src="diashow.js"></script>
</head><body>
<div id="contentslider"></div>
</body>
</html>
var bgimages=new Array();
var pathToImg=new Array();
var inc=-1;
bgimages[0] = "http://www.domain.de/images/contentlayer4.png"
bgimages[1] = "http://www.domain.de/images/contentlayer3.png"
bgimages[2] = "http://www.domain.de/images/contentlayer2.png"
bgimages[3] = "http://www.domain.de/images/contentlayer.png"
//Images vorladen
for (i=0; i < bgimages.length; i++) {
pathToImg[i]=new Image();
pathToImg[i].src=bgimages[i];
}
function bgfade() {
if (inc < bgimages.length-1) {
inc++
} else {
inc=0
}
document.getElementById("contentslider").style.backgroundImage = "url("+pathToImg[inc].src+")";
fade();
}
function fade(step) {
step = step || 0;
document.getElementById("contentslider").style.opacity = step/0;
document.getElementById("contentslider").style.filter = "beta(opacity=" + step + ")";
step = step + 2;
if (step <= 0) {
window.setTimeout(function () { fade(step); }, 1);
} else {
step = 0;
}
}
if (document.all||document.getElementById) window.onload=new Function('setInterval("bgfade()",4000)')
Ich hab folgendes Problem.. ich würde gerne den übergang zum 2 Hintergrundbild sanfter machen.. also leich verblassen und das nächste wird eingeblendet.. weiss jemand wie ich das anstelle?
-
Liebe(r) KoVimedia,
dazu gibt es hier ein Tutorial: Fader-Framework - kleiner Lehrgang zum vernünftigen Schreiben eines JavaScripts
Liebe Grüße,
Felix Riesterer.
--
ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)-
Liebe(r) KoVimedia,
dazu gibt es hier ein Tutorial: Fader-Framework - kleiner Lehrgang zum vernünftigen Schreiben eines JavaScripts
Liebe Grüße,
Felix Riesterer.
gibt es hierzu vielleicht jemanden der das schon weis?
-
Liebe(r) KoVimedia,
gibt es hierzu vielleicht jemanden der das schon weis?
das war jetzt schon ein bisschen frech, oder? [Tipps für Fragende]
1.) Hintergrundbilder kann man nicht verblassen lassen, nur Elemente selbst (Stichwort "opacity", siehe Fader-Framework).
2.) Du wirst Deinen "Hintergrund" anders realisieren müssen, wenn Du solche Überblendeffekte haben willst, denn mit background-image geht das so nicht. Du brauchst ein Element (z.B. <div> oder <span>), welches Du mit Bildern befüllst und mittels JavaScript nach Art des Fader-Framework (oder sonstwie) animierst.Liebe Grüße,
Felix Riesterer.
--
ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:) -
Hi,
gibt es hierzu vielleicht jemanden der das schon weis?
Frag doch mal die nette junge Dame, die mir in dem Bildchen auf eurer Homepage entgegen lächelt, die kennt sich doch bestimmt aus - so super-kompetent, wie die dreinschaut.
Und bei euch zu arbeiten scheint sie ja auch, denn was hätte sie sonst auf eurer Homepage verloren ...?MfG ChrisB
--
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
-
-
-
Moin,
Ich hab folgendes Problem.. ich würde gerne den übergang zum 2 Hintergrundbild sanfter machen.. also leich verblassen und das nächste wird eingeblendet.. weiss jemand wie ich das anstelle?
Zuerst einmal (bevor du Felix Tipp folgst) lernst du bitte erstmal, das man nicht durch null teilen kann. :D (copy-paste ... *hust* *hust* ...)
Gruß,
Take-
Moin,
(copy-paste ... *hust* *hust* ...)
Siehste. Irgendwo im Web existiert dieses Ding anscheinend.
Gruß,
TakeGruß,
Take-
Lieber Take,
aha, da hat der Herr Kraus von KoviMedia wohl seit Januar nix mehr dazugelernt, außer eine Website mit vollmundigen Versprechen zu machen, die aus einer simplen Grafik besteht... und unverschämt ist er offensichtlich nicht nur im Januar gewesen.
Liebe Grüße,
Felix Riesterer.
--
ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)
-
-