Библиотека Javascript. SE@RCHER

<html> <HEAD> <TITLE>Фото автозаменяется с эффектом DirectX Wipe Effect</TITLE> <meta NAME="keywords" CONTENT="DHTML, image, DirectX, JavaScript, flash, wipe, transformation, download, free, slideshow, image, animation"> <meta NAME="description" CONTENT="This little script demonstrates the great power of DirectX combined with JavaScript. It generates a smooth smashing wipe-effect from one image to another. To see this demonstration, you need to have Microsoft DirectX® Media 6, Microsoft Internet Explorer 5, Microsoft Windows® 98 Second Edition, or Windows 2000 installed."> </HEAD> <BODY> <table width=100%><tr><td align=center> <SCRIPT> // the name of your first picture-file var picture1="0001.jpg" // the name of your second picture-file var picture2="0002.jpg" // the width and height of your pictures (pixels) var picturewidth=163 var pictureheight=193 </SCRIPT> <SCRIPT > if (document.all) { document.write('<OBJECT ID="DAControl_Wipe" ') document.write('STYLE="width:'+picturewidth+';height:'+pictureheight+'"') document.write('CLASSID="CLSID:B6FFC24C-7E13-11D0-9B47-00C04FC2F51D">') document.write('</OBJECT>') m = DAControl_Wipe.MeterLibrary; whatTransformation = new ActiveXObject("DXImageTransform.Microsoft.Wipe"); whatPictures = new Array(); whatPictures[0] = m.ImportImage(picture1); whatPictures[1] = m.ImportImage(picture2); forward = m.Interpolate(0, 1, 3); back = m.Interpolate(1, 0, 2); whatMovement = m.Sequence(forward, back).RepeatForever(); whatTransformation.GradientSize = 1.0; whatTransformation.WipeStyle = 0; theResult = m.ApplyDXTransform( whatTransformation, whatPictures, whatMovement ); DAControl_Wipe.Image = theResult.OutputBvr; DAControl_Wipe.Start(); } </SCRIPT> </td></tr></table> <font size=2 color=black face=Verdana><b>Image swapping with enhanced DirectX Wipe Effect</b><br>This script demonstrates the great power of DirectX combined with JavaScript. It creates an impressive wipe-effect from one image to another. To see this demonstration, you need to have Microsoft DirectX® Media 6, Microsoft Internet Explorer 5, Microsoft Windows® 98 Second Edition, or Windows 2000 installed. Based on wipe-script demonstration by <a href="http://msdn.microsoft.com/workshop/samples/all.asp" traget="blank">Microsoft</a> <br><br><br> <form> <b>Configuration:</b><br><br> <b>Step 1:</b> <a href="directxwipe.zip">Download 'directxwipe.zip'</a>. Unzip the file 'directxwipe.js' and the two demo-pictures 'sample1.jpg and 'sample2.jpg'. Put the file 'directxwipe.js' and the two demo-pictures into the same folder as your webpage.<br><br> <b>Step 2:</b> Open your webpage. Paste the following code anywhere between the <body> and </body> tags of your webpage:</b><br> <input type=button onClick="this.form.code1.focus();this.form.code1.select()" value="select all" style="font-size:8pt"><br> <textarea name="code1" cols="60" rows="8" style="font-size:8pt"> <SCRIPT> // the name of your first picture-file var picture1="0001.jpg" // the name of your second picture-file var picture2="0002.jpg" // the width and height of your pictures (pixels) var picturewidth=163 var pictureheight=193 </SCRIPT> <SCRIPT > // CREDITS: // Enhanced DirectX Wipe Effect by Urs Dudli and Peter Gehrig // Based upon wipe-script by Microsoft http://msdn.microsoft.com/workshop/samples/all.asp // Additional scripts can be found at http://www.24fun.com/fast/index.html // info@24fun.com // 12/28/2000 // IMPORTANT: // If you add this script to a script-library or script-archive // you have to add a link to http://www.24fun.com/fast/index.html on the webpage // where this script will be running. // CONFIGURATION: // Go to http://www.24fun.com/fast/index.html and download the script as ZIP-file // with step-by-step instructions and copy-and-paste installation. if (document.all) { document.write('<OBJECT ID="DAControl_Wipe" ') document.write('STYLE="width:'+picturewidth+';height:'+pictureheight+'"') document.write('CLASSID="CLSID:B6FFC24C-7E13-11D0-9B47-00C04FC2F51D">') document.write('</OBJECT>') m = DAControl_Wipe.MeterLibrary; whatTransformation = new ActiveXObject("DXImageTransform.Microsoft.Wipe"); whatPictures = new Array(); whatPictures[0] = m.ImportImage(picture1); whatPictures[1] = m.ImportImage(picture2); forward = m.Interpolate(0, 1, 3); back = m.Interpolate(1, 0, 2); whatMovement = m.Sequence(forward, back).RepeatForever(); whatTransformation.GradientSize = 1.0; whatTransformation.WipeStyle = 0; theResult = m.ApplyDXTransform( whatTransformation, whatPictures, whatMovement ); DAControl_Wipe.Image = theResult.OutputBvr; DAControl_Wipe.Start(); } </SCRIPT>

Step 3: Open your webpage. Go to the top of the script. Replace the names of the two demo-pictures with the names of your two pictures. Set the width and height of your two pictures

Download 100's of free copy-and-paste scripts