Bildfader wie auf gucci.com!?

Wenn du die Bilder meinst, die man am anfang per klick wechseln kann:

Ist (glaube ich) nicht so schwer.. Das sieht ganz danach aus, als ob über dem Bild drei ebenen liegen.
eine mit dem einem schwarzen viereck, dass bei geladenem Bild über das Bild wandert und somit sichtbar macht. Dadrunter ist noch eine ebene mit dem gleichem viereck, nur mit mehr alpha (transparenz) und leicht verzögert. Dann shlussendlich noch die letzte ebene über dem eigentlichem Bild, hat ziemlich sicher noch ein viereck in Bild-grösse, dass mit nem Alpha-tween (also von ca30% auf 0% alpha animiert....) unsichtbar wird..
tja.. hoffe mal deine Frage bezog sich darauf..
 
Genau das meinte ich und wie bekommt man soetwas hin?

Also irgendwie arbeiten die da auch mit Javascript, wenn man sich mal den Quelltext anschaut. Die Bilder sind nicht in der Flashanimation drin, sondern extern!

Code: 
<script type="text/javascript">

<!--
if (!document.getElementById) {
 top.location.replace('upgrade.shtml');
}
//-->
</script>


<link rel="stylesheet" href="/shared/css/basic.css" type="text/css" media="all">

<script type="text/javascript" src="/shared/js/api.js"></script>
<script type="text/javascript" src="/shared/js/moockfpi.js"></script><script type="text/javascript" src="/shared/js/positionit.js"></script>
<script type="text/javascript" src="/shared/js/localize.js"></script>

<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="MSSmartTagsPreventParsing" content="TRUE">
<meta http-equiv="expires" content="-1">
<meta http-equiv=" pragma" content="no-cache">
<meta name="robots" content="all">
<meta name="author" content="gucci">


<noscript>
<meta http-equiv="REFRESH" content="1;URL=/upgrade.html">
</noscript>

</head>

<body onLoad="javascript:if (document.getElementById) moveTo(0,0); window.resizeTo((screen.availWidth),(screen.availHeight));">



<div id="wrapper">


<script type="text/javascript">

// In this section we set up the content to be placed dynamically on the page.
// Customize movie tags and alternate html content below.
var http;
http = getHttp();

if (!useRedirect) {    // if dynamic embedding is turned on
  if(hasRightVersion) {  // if we've detected an acceptable version
    var oeTags = '<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'
    + ' WIDTH="780" HEIGHT="504" BGCOLOR="#000000" ID="index" ALIGN=""'
    + ' CODEBASE="'+http+'://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0">'
    + '<PARAM NAME="MOVIE" VALUE="index.swf">'
    + '<PARAM NAME="FlashVars" VALUE=\'pagexml=\r'
	+ '<data>\r'
	+ '<variable name="nav1">' + nav1 + '<\/variable>\r'
	+ '<variable name="nav2">' + nav2 + '<\/variable>\r'
	+ '<variable name="language">' + language + '<\/variable>\r'
	+ '<variable name="site">' + site + '<\/variable>\r'
	+ '<list name = "images">\r'
	+ '	<image name="image1" src="\/images\/homepage_1.jpg" width="780" height="504"\/>\r'
	+ '	<image name="image2" src="\/images\/homepage_2.jpg" width="780" height="504"\/>\r'
	+ '	<image name="image3" src="\/images\/homepage_3.jpg" width="780" height="504"\/>\r'
	+ '	<image name="image4" src="\/images\/homepage_4.jpg" width="780" height="504"\/>\r'
	+ '	<image name="image5" src="\/images\/homepage_5.jpg" width="780" height="504"\/>\r'
	+ '	<image name="image6" src="\/images\/homepage_6.jpg" width="780" height="504"\/>\r'
	+ '	<image name="image7" src="\/images\/homepage_7.jpg" width="780" height="504"\/>\r'
	+ '	<image name="image8" src="\/images\/homepage_8.jpg" width="780" height="504"\/>\r'
	+ '	<image name="image9" src="\/images\/homepage_9.jpg" width="780" height="504"\/>\r'
	+ '	<image name="image10" src="\/images\/homepage_10.jpg" width="780" height="504"\/>\r'
	+ '<\/list>\r'
	+ '<\/data>\r\r'
	+ ' &external=1\'> '
    + '<PARAM NAME="QUALITY" VALUE="high">'
    + '<PARAM NAME="BGCOLOR" VALUE="#000000">'
    + '<EMBED SRC="index.swf"'
    + ' FlashVars=\'pagexml=\r\r\r'
	+ '<data>\r'
	+ '<variable name="nav1">' + nav1 + '<\/variable>\r'
	+ '<variable name="nav2">' + nav2 + '<\/variable>\r'
	+ '<variable name="language">' + language + '<\/variable>\r'
	+ '<variable name="site">' + site + '<\/variable>\r'
	+ '<list name = "images">\r'
	+ '	<image name="image1" src="\/images\/homepage_1.jpg" width="780" height="504"\/>\r'
	+ '	<image name="image2" src="\/images\/homepage_2.jpg" width="780" height="504"\/>\r'
	+ '	<image name="image3" src="\/images\/homepage_3.jpg" width="780" height="504"\/>\r'
	+ '	<image name="image4" src="\/images\/homepage_4.jpg" width="780" height="504"\/>\r'
	+ '	<image name="image5" src="\/images\/homepage_5.jpg" width="780" height="504"\/>\r'
	+ '	<image name="image6" src="\/images\/homepage_6.jpg" width="780" height="504"\/>\r'
	+ '	<image name="image7" src="\/images\/homepage_7.jpg" width="780" height="504"\/>\r'
	+ '	<image name="image8" src="\/images\/homepage_8.jpg" width="780" height="504"\/>\r'
	+ '	<image name="image9" src="\/images\/homepage_9.jpg" width="780" height="504"\/>\r'
	+ '	<image name="image10" src="\/images\/homepage_10.jpg" width="780" height="504"\/>\r'
	+ '<\/list>\r'
	+ '<\/data>\r\r'
	+ ' &external=1\''
    + ' WIDTH="780" HEIGHT="504" BGCOLOR="#000000" NAME="index" ALIGN=""'
    + ' QUALITY="high"'
    + ' TYPE="application/x-shockwave-flash"'
    + ' PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">'
    + '<\/EMBED>'
    + '<\/OBJECT>';

    positionIt();  document.write(oeTags);   // embed the flash movie
  } else {  // flash is too old or we can't detect the plugin

	if(jsVersion > 1.0) {
        window.location.replace((actualVersion >= 2) ? upgradePage : noFlashPage);
      } else {
        window.location = (actualVersion >= 2) ? upgradePage : noFlashPage;
      }
  }
}
</script>
 
Zuletzt bearbeitet:
Den Javascript brauchst du nicht!

Willst es per Script machen oder Manuel(undynamisch)?

..der Script aufbau könnte so aussehen,

loadNextPicture.onRelease --> onEnterFrame : maskePosX._x+=5 : if(maskePosX == pic._width : delete onEnter.. : picHalter.loadMovie(picname++) --> picHalter.onLoad --> onEnter : maskePos._x -=5 : if (maskePosX._x == 0-maskePosX._width) : delete / picHalter._visible = 100

hoffe du kannst damit was anfangen
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück