以文本方式查看主题

-  湖南知青  (http://2009.hnzqw.com/index.asp)
--  都是菜鸟  (http://2009.hnzqw.com/list.asp?boardid=31)
----  [原创]学习  (http://2009.hnzqw.com/dispbbs.asp?boardid=31&id=53277)
--  作者：合意人
--  发布时间：2009/10/25 21:07:04

--  [原创]学习


按此在新窗口浏览图片

按此在新窗口浏览图片

按此在新窗口浏览图片

按此在新窗口浏览图片

按此在新窗口浏览图片
--  作者：合意人
--  发布时间：2009/10/25 22:35:21

--  

日落部族版主：你好！

    以上图片我想做入你的《图框专帖》第19楼那个图框内。请指教！
--  作者：日落部族
--  发布时间：2009/10/25 23:24:05

--  
建议你那图片搞一样大如下：








--  作者：日落部族
--  发布时间：2009/10/25 23:51:45

--  
--  作者：日落部族
--  发布时间：2009/10/26 0:02:06

--  

这是一款图中图片动画效果，主要简化代码是：(红色显示的数据随图片的大小而填，把图片地址贴到代码中的"图片地址"上）

<DIV align=center>
<DIV style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 500px; POSITION: relative; TOP: 0px; HEIGHT: 500px">
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px"><?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace /><t:SEQ repeatCount = "indefinite">
<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 500px; POSITION: absolute; TOP: 0px" src = "图片地址" dur = "3" fill = "transition" timeContainer = "par"><t:TRANSITIONFILTER from = "0" to = "1" type = "ClockWipe" dur = "2"></t:TRANSITIONFILTER></t:MEDIA></t:SEQ></DIV></DIV></DIV>
(注:若把"transition"换成"pushWipe",图片将先消失再显示!)

共有九种变化。控制变化的是以下这个句式中红色部分：

<t:TRANSITIONFILTER from = "0" to = "1" type = "ClockWipe" dur = "2">

通过替换下列词语，可以得到不同的效果。

"fade"   "snakeWipe"   "ClockWipe"   "barnDoorWipe"   "ellipseWipe"      "irisWipe"   "slideWipe"   "barWipe"   "pushWipe"

图片幅数或多或少即由自己随意。一幅图片加上一个句式：
<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 500px; POSITION: absolute; TOP: 0px" src = "图片地址" dur = "3" fill = "transition" timeContainer = "par"><t:TRANSITIONFILTER from = "0" to = "1" type = "ClockWipe" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>
加的位置是在</t:SEQ>之前！
--  作者：日落部族
--  发布时间：2009/10/26 0:03:08

--  

说明:
1.效果代码:
<t:TRANSITIONFILTER from="0" to="1" type="fade" dur="2">
type="fade":图片变化属性=值
值:
fade      图片渐显渐隐
barWipe      图片从左到右拉开
ClockWipe      图片像钟表一样旋转拉开
barnDoorWipe      图片从中间向两边拉开
slideWipe       图片右往左边拉开
irisWipe      图片正中矩形向外扩散
snakeWipe      图片蛇形展开
ellipseWipe       图片正中小圆向外扩散
spiralWipe      图片螺旋显示
pushWipe      图片右往左像推箱子一样

2.定位代码:
<DIV style="position:relative; top:150px; left:-220px; width:800px; height:390px;overflow: hidden">
width:800px; height:390px:定显示的宽和高,
top:150px; left:-70px;;定该显示离顶和左边的距离(和全屏原理一样)
--  作者：日落部族
--  发布时间：2009/10/26 2:16:43

--  
以下是引用合意人在2009-10-25 22:35:21的发言：

日落部族版主：你好！

   这太不一样了，冒得一点幻灯片的味道。

你指的幻灯片的味道是什么？动画效果？图片朦胧效果？
--  作者：合意人
--  发布时间：2009/10/26 3:05:10

--  

日落部族版主：

   我真佩服你！更要谢谢你！
--  作者：日落部族
--  发布时间：2009/10/26 19:50:58

--  

《图框专帖》第19楼那个图框内图片宽672×高503

你改的图是宽700×高525 把图片装进去是有些不能全频显示整个图框。

因为大都数知青都还是标准电脑屏幕1024×768，只有极少数是液晶宽频，所以我发的全频图框是标准屏幕1024×768
--  作者：合意人
--  发布时间：2009/10/27 10:41:35

--  

日落部族版主：你好！

   我太笨了！做音画帖我太外行了。你在《图框专帖》019做的“梦江南”，内容、模式我都非常喜欢。我也想把自已的诗、词像那一样的做一个帖，怎么办？

（我发几个短信，也没有发出来。）