×

关注微信公众号

免备案网站空间虚拟主机双线空间域名查询PS数码后期
photoshop互助课堂数百G视频教程下载英语培训机构初中英语如何学随时随地聆听大师开讲/课堂
酷素材!视频教程打包下手绘教程抠图教程路径专辑photoshop cs3视频教程
楼主: 宁静悠长

请问:如何在网页中制作幻灯片效果

[复制链接]

该用户从未签到

发表于 2007-9-25 09:59:04 | 显示全部楼层
你好

同样是去掉不需要的数据就可以了
  1. <a target=_self href="javascript:goUrl()">
  2. <span>
  3. <script type="text/javascript">
  4. imgUrl1="http://img.jcwcn.com/attachment/forum/month_0709/20070913_4ee8cb60b22fa9dd0279oTIV6fmTgIXw.jpg";
  5. imgtext1="用Photoshop进行美术创作的简单技"
  6. imgLink1=escape("http://www.jcwcn.com/html/PhotoShopImageReady/19_07_11_206.htm");
  7. imgUrl2="http://img.jcwcn.com/attachment/forum/month_0709/20070913_bcfb127543dc1d08802d9KP0DGXyr9jT.jpg";
  8. imgtext2="Photoshop合成教程:打造神秘之眼"
  9. imgLink2=escape("http://www.jcwcn.com/html/PhotoShopImageReady/19_36_05_750.htm");
  10. imgUrl3="http://img.jcwcn.com/attachment/forum/month_0709/20070913_cbc2b6daadb1cbe3e702j0H7isUi1QeX.jpg";
  11. imgtext3="Photoshop教程:照片转逼真手绘效"
  12. imgLink3=escape("http://www.jcwcn.com/html/PhotoShopImageReady/18_44_26_734.htm");

  13. var focus_width=280
  14. var focus_height=158
  15. var text_height=18
  16. var swf_height = focus_height+text_height

  17. var pics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3
  18. var links=imgLink1+"|"+imgLink2+"|"+imgLink3
  19. var texts=imgtext1+"|"+imgtext2+"|"+imgtext3

  20. document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');
  21. document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="http://www.jcwcn.com/swf/focus.swf"><param name="quality" value="high"><param name="bgcolor" value="#F0F0F0">');
  22. document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
  23. document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');
  24. document.write('<embed src="pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#F0F0F0" quality="high" width="'+ focus_width +'" height="'+ focus_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
  25. document.write('</object>');
  26. </script>
  27. </span></a>
复制代码

[ 本帖最后由 寅生 于 2008-8-2 07:21 编辑 ]
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2007-9-25 10:44:10 | 显示全部楼层
谢谢版主,终于回来等到老大的解答了。谢谢!
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2007-9-25 11:11:31 | 显示全部楼层
我刚才试了试可以了,谢谢版主-寅生,你真是强啊!
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2007-11-10 09:00:57 | 显示全部楼层
谢谢楼主分享,学习了!
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2007-11-15 14:54:48 | 显示全部楼层
也太复杂了不饿啊
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2007-11-20 14:54:38 | 显示全部楼层

怎么样把这个幻灯片变成背景呢

~~~~~大哥,我现在试了,是可以幻灯了,我想把这些图做为背景,需要怎么改呢?
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2007-12-11 15:47:09 | 显示全部楼层
学习了 。。。。
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2008-5-13 17:18:27 | 显示全部楼层

4楼的请教你个问题

我想把你那代码中的图片换成我自己的图片我改怎么换呀?是第一个代码中的.谢谢!

急.............盼回复!
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2008-6-3 16:34:39 | 显示全部楼层
谢谢
学到不少知识
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2008-6-3 17:45:22 | 显示全部楼层

回复 16楼 寅生 的帖子

请教如果想多添加几张图片
该修改什么地方
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2008-6-14 10:37:41 | 显示全部楼层

你好版主 我看了还是不明白

我还是不明白,能具体一点吗?谢谢!
[runcode]<a target=_self href="javascript:goUrl()">
<span>
<script type="text/javascript">
imgUrl1="这里的地址怎么写啊,我把我的修改了还是不显示,怎么半呢?能举个例子吗?";
imgtext1="用Photoshop进行美术创作的简单技"
imgLink1=escape("http://www.jcwcn.com/html/PhotoShopImageReady/19_07_11_206.htm");
imgUrl2="http://img.jcwcn.com/attachment/forum/month_0709/20070913_bcfb127543dc1d08802d9KP0DGXyr9jT.jpg";
imgtext2="Photoshop合成教程:打造神秘之眼"
imgLink2=escape("http://www.jcwcn.com/html/PhotoShopImageReady/19_36_05_750.htm");
imgUrl3="http://img.jcwcn.com/attachment/forum/month_0709/20070913_cbc2b6daadb1cbe3e702j0H7isUi1QeX.jpg";
imgtext3="Photoshop教程:照片转逼真手绘效"
imgLink3=escape("http://www.jcwcn.com/html/PhotoShopImageReady/18_44_26_734.htm");
imgUrl4="http://img.jcwcn.com/attachment/forum/month_0709/20070913_ae854ce1c7892251fb03pRi4Ha91Ew7i.jpg";
imgtext4="Photoshop教程:抽出滤镜运用实例"
imgLink4=escape("http://www.jcwcn.com/html/PhotoShopImageReady/10_57_01_754.htm");
imgUrl5="http://img.jcwcn.com/attachment/forum/month_0709/20070910_51df0edb78224d6370612fzMNYqX0tej.jpg";
imgtext5="3ds MAX实例教程:室内渲染全过程"
imgLink5=escape("http://www.jcwcn.com/html/3dsmax/23_55_48_619.htm");
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2008-6-14 10:43:34 | 显示全部楼层

版主 跪求 在吗?

我就想把四楼的哪个例子换成自己的图片!怎么换啊 !我按照上面说的试了好多还是不显示 !能不能具体一点啊!
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2008-8-1 23:47:37 | 显示全部楼层

回复 沙发 寅生 的帖子

js+flash的的模式中如:"http://img.jcwcn.com/attachment/forum/month_0709/20070913_4ee8cb60b22fa9dd0279oTIV6fmTgIXw.jpg" ; 换成我的路径,怎么不显示。请教。
我的网页图片的目标
站点---E:my文件夹
         img图片文件夹
         flash文件夹
                  --index.htm
                  flash.html
请教
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2008-8-2 07:25:37 | 显示全部楼层

回复 29楼 suminsd 的帖子

你直接写成绝对路径,如果在本地
你直接写成http://localhost/img/图片名称

或者你参考一下这个帖子
提取的flash+js的幻灯片效果【代码】
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2011-6-1 14:45:22 | 显示全部楼层
回复 寅生 的帖子

我运行之后只显示了一张图片、没有切换图片,我就改了一下图片的链接,其他没有修改
<body>
<SCRIPT language="">                     
var widths=290;   /*显示高度*/                  
var heights=230;  /*显示宽度*/                  
var counts=2;              
img1=new Image();img1.src='images/0_00224_03_18.jpg';
img2=new Image();img2.src='images/0_00224_03_15.jpg';
/* 建议将这块放置于JS中 下面的部分几乎是不需要任何改动*/
var nn=1;
var key=0;
function change_img()
{if(key==0){key=1;}
else if(document.all)
{document.getElementById("pic").filters[0].Apply();document.getElementById("pic").filters[0].Play(duration=2);}
eval('document.getElementById("pic").src=img'+nn+'.src');
eval('document.getElementById("url").href=url'+nn+'.src');
for (var i=1;i<=counts;i++){document.getElementById("xxjdjj"+i).className='axx';}
document.getElementById("xxjdjj"+nn).className='bxx';
nn++;if(nn>counts){nn=1;}
tt=setTimeout('change_img()',4000);}
function changeimg(n){nn=n;window.clearInterval(tt);change_img();}
document.write('<style>');
document.write('.axx{padding:0px 7px 3px;*padding:1px 7px;border-left:#cccccc 1px solid;}');
document.write('a.axx:link,a.axx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#666;}');
document.write('a.axx:active,a.axx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#999;}');
document.write('.bxx{padding:0px 7px 3px;*padding:1px 7px;border-left:#cccccc 1px solid;}');
document.write('a.bxx:link,a.bxx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');
document.write('a.bxx:active,a.bxx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');
document.write('</style>');
document.write('<div style="width:'+widths+'px;height:'+heights+'px;overflow:hidden;text-overflow:clip;">');
document.write('<div><a id="url"><img id="pic" style="border:0px;filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward)" width='+widths+' height='+heights+' /></a></div>');
document.write('<div style="filter:alpha(style=1,opacity=10,finishOpacity=80);-moz-opacity:0.8; opacity:0.8;background: #888888;width:100%-2px;text-align:right;top:-12px;position:relative;margin:1px;height:12px;padding:0px;margin:0px;border:0px;">');
for(var i=1;i<counts+1;i++){document.write('<a href="javascript:changeimg('+i+');" id="xxjdjj'+i+'" class="axx" target="_self">'+i+'</a>');}
document.write('</div></div>');
change_img();
</SCRIPT>
</body>
</html>
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | [免费注册]

本版积分规则