推荐一款Flash图片轮换代码的补充和扩展

      因为首页改造需要一个图片轮换的效果,便翻看了以前介绍的代码,结果《介绍一种图片轮换特效代码》一文的代码不兼容Firefox浏览器,《推荐一款Jimdo官方自定义模板中使用的Flash图片轮换代码》介绍的代码虽然简洁,但是没有链接效果。经过分析,其实是可以加链接的,而且能加提示文字,本文算做个补充和扩展介绍吧。

      简化后的代码如下:

<script type="text/javascript" src="http://www.shofzx.com/images/change_images1.js">
</script>
<div style="clear:both; width:650px; margin:0 auto; height:300px;">
    <div id="imgADPlayer">
    </div>
    <script type="text/javascript" language="javascript">
//<![CDATA[
                PImgPlayer.addItem( "", "#", "图片地址");
                PImgPlayer.addItem( "", "#", "图片地址");
                PImgPlayer.addItem( "", "#", "图片地址");
                PImgPlayer.addItem( "", "#", "图片地址");
                PImgPlayer.addItem( "", "#", "图片地址");
                PImgPlayer.addItem( "", "#", "图片地址");
                PImgPlayer.init( "imgADPlayer", 650, 300 );
            //]]>
    </script>
</div>

      我们着重看其中红色这一句:PImgPlayer.addItem( "", "#", "图片地址");”  经过试验,"#" 中的#可以添加链接,前面的“”空白中,可以添加说明文字。也就是 PImgPlayer.addItem( "说明文字", "链接地址", "图片地址"),其中的说明文字,是鼠标放到图片时出现的文字。另外,要增加或减少图片数量时,只要复制或删除这一句即可。

      具体效果,请看下面的实例。

Write a comment

Comments: 12
  • #1

    网型网秀 (Friday, 07 October 2011 10:47)

    好文章!比我推荐的轮播效果好多了。

  • #2

    Suitear (Friday, 07 October 2011 12:39)

    其实网上很多,现在Jimdo的支持越来越好,修改一下应该能用,建议吧Js下到本地·~

  • #3

    网上邻居 (Friday, 07 October 2011 13:03)

    网型网秀:
    这个代码的JS用了外链,所以看上去页面代码很简洁。效果来说,在IE上表现相当不错,而Firefox上要差一点,只是图片轮换,没有换场效果。

  • #4

    网上邻居 (Friday, 07 October 2011 13:10)

    Suitear:
    所说极是,使用外链文件的缺点是安全性和稳定性方面有可能存在问题,好处是代码比较简单。实际上我的实例中,就是将JS下载下来,然后上传到一个网盘再链接的—http://jljdm.wikispaces.com/file/view/image.js,感兴趣的朋友可以从这个地址下载下来研究一下。

  • #5

    淘宝600家园 (Friday, 07 October 2011 16:21)

    邻居这个代码更简单些,在首面加个图片轮换的确增色不少,有空试试~~~

  • #6

    王若冰 (Sunday, 09 October 2011 14:25)

    太牛了啊

  • #7

    尖端形象设计机构 (Tuesday, 22 May 2012 16:43)

    http://jljdm.wikispaces.com/file/view/image.js下载了,也上传了,获取链接地址怎么用?麻烦老师指教一下

  • #8

    网上邻居 (Tuesday, 22 May 2012 22:42)

    尖端形象设计机构:
    文中给出的演示代码,包含了JS的调节用方法,即<script type="text/javascript" src="JS文件地址"></script>,其他部分照抄,只要输入你的图片地址及根据图片的尺寸设置一下div宽高数值即可。

  • #9

    尖端形象设计机构 (Wednesday, 23 May 2012 12:18)

    能说详细些吗?http://jljdm.wikispaces.com/file/view/image.js把这个下载到本地,然后在将这个上传到网盘吗?然后在复制这个链接吗?好多网盘都没有链接,你们都用那个网盘,谢谢

  • #10

    尖端形象设计机构 (Wednesday, 23 May 2012 12:52)

    https://jianduan.wikispaces.com/file/detail/image.js我也学你搞了个上传的,但是放到代码里没有效果,而放你的地址就有效果,为什么?

  • #11

    尖端形象设计机构 (Wednesday, 23 May 2012 13:20)

    乱搞一通,终于可以了,只是不明白原因

  • #12

    ysl iPhone 6 cases (Monday, 11 April 2016 16:50)

    In an almost ironic fashion, John Chen, BlackBerry’s CEO, had on at least one occasion, acknowledged the price tag was quite high and signified that it would come down by the time Mobile World Congress hit in 2016 due to the new competition in the market. Fittingly enough, just yesterday BlackBerry announced a price cut.