对魔方代码所作的探索
动画“魔方”在我的BLOG和夕阳论坛贴出来以后,很多人都认为不错,也有一些人好奇,问是怎么做的,为什么不能收藏,我在帖子上已经作了回复,说这是从外国的一个网站拣来的(这就叫“拿来主义”,或者叫“洋为中用”吧),并说我正在摸索它的代码,等有了结果时就放在博客里和大家一道切磋,现在有结果了,就放在这里抛砖引玉,请大家举一反三。
一、魔方代码: <embed src="http://flash.picturetrail.com/pflicks/m_acrobatcube.swf" loop="false" quality="high" FlashVars="backopacity=100&cubecroptofit=1&enlargecroptofit=0&faceopacity=100&img1=地址1&img2=地址2&img3=地址3&img4=地址4&img5=地址5&img6=地址6" wmode="transparent" bgcolor="#ffffff" width="300" height="360" name="acrobatcube" id="acrobatcube" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
二、试验结果: 1、<embed </embed>中间部分嵌入代码,这是不用说的了。quality="high" 是指“高品质”。 2、http://flash.picturetrail.com/pflicks/m_acrobatcube.swf是链接到这家外国网站的FLASH,链接后就会出现loading please wait...(装载请等待)和picturetrail(点击进入该网站)等字样,稍等片刻就会出现魔方。 3、代码里只有六张图片的组合,大概是只有链接到该网站后才能形成一个完整的魔方。我反复试过,不能将代码合成SWF文件,因此只能在线看,不能收藏。 4、width="?" height="?"宽度和高度设置,如果在网站做,只有三种(大、中、小)大小,其实可以调成多种大小,但比例要和网站的宽、高比(300:360)同步。 5、FlashVars="backopacity=100&cubecroptofit=1&enlargecroptofit=0&faceopacity=100后面的100是指不透明度为100,可以将100调为90、80、70甚至可以调到30(我都一一试过),这就增加了魔方的透明度,如果在网站做只能做成两种(即100、80)。 6、图片只有上传到这个网站后才能用,别的网站的图片不支持,我试着将好几个网站的图片的URL置换进去都不行。 7、只要上传9张图片,用该站的代码,你就能自行组合成该网站提供的任何东西。如魔方、移动、圆周、心饰、面板、透视、万花筒等。 8、另外,你在魔方任意一面用鼠标点一下,那张图片就显示出来(也就能看这张图片的原始尺寸),再点一下就会还原的。 9、代码里的地址1--地址6是指要导入六张图片的URL到该网站,这六张照片最好是事先用软件做好,宽、高比为300:360。
三、附魔方的完整代码: <embed src="http://flash.picturetrail.com/pflicks/m_acrobatcube.swf" loop="false" quality="high" FlashVars="backopacity=100&cubecroptofit=1&enlargecroptofit=0&faceopacity= 80&img1=http://pic13.picturetrail.com:80/VOL480/5915851/11629820/169096983.jpg&img2=http://pic13.picturetrail.com:80/VOL480/5915851/11629820/169097094.jpg&img3=http://pic13.picturetrail.com:80/VOL480/5915851/11629820/169097114.jpg&img4=http://pic13.picturetrail.com:80/VOL480/5915851/11629820/169097189.jpg&img5=http://pic13.picturetrail.com:80/VOL480/5915851/11629820/169097213.jpg&img6=http://pic13.picturetrail.com:80/VOL480/5915851/11629820/169097372.jpg" wmode="transparent" bgcolor="#ffffff" width="300" height="360" name="acrobatcube" id="acrobatcube" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
注:width="300" height="360",透明度80%,照片是我小儿子的结婚照。
四、范 例: 1、不透明度100%
2、不透明度80%
3、不透明度40%
|