注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

火力光波的博客

火一般的热情 光一样的速度

 
 
 

日志

 
 

配乐图片浏览器-有缩略图显示歌词  

2014-05-17 06:09:49|  分类: 图片浏览器 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

一、浏览器的实例
       现介绍一款带缩略图、配乐16:9的图片浏览器。浏览器显示的比例为16:9,同时配乐,在此基础上又增加了滚动缩略图。点击浏览器的滚动缩略图的图片,能
立即浏览该图片,返回后仍继续自动浏览,也可鼠标指向大图的右下方“自动浏览”。
       滚动缩略图的滚动速度、方向,由三个因素决定:
       (1) 鼠标指向缩略图离中心点越远,滚动速度越快。
       (2) 通过传递参数设定确定整体移动速度。
       (3) 缩略图滚动的方向与鼠标指向的方向相反。

实例的代码

<P align=center><EMBED height=495 type=application/x-shockwave-flash width=690 src=http://dashan.gotoip1.com/tpll/sl-tpll(wb16-9slt).swf wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" flashvars="fmdz=http://up.yinhuabbs.cn/upload/xuhui8491/ima/im/19.jpg&fmzs=400&mp3=http://sc1.111ttt.com/2015/4/11/11/104111110357.mp3&lrc=[00:00.00]铜陵啊铜陵我的故乡&#13;&#10;[00:08.32]演唱:铜呆子&#13;&#10;[00:11.43]光波火力欢迎你光临!&#13;&#10;[00:24.70]铜陵啊 铜陵啊我的故乡&#13;&#10;[00:29.81]马路上灯火辉煌&#13;&#10;[00:34.97]&#13;&#10;[00:40.57]&#13;&#10;[00:42.62]&#13;&#10;[00:46.48]社会主义的高楼大厦&#13;&#10;[00:51.19]耸立在古老的铜陵&#13;&#10;[00:56.42]那是我常年居住的地方&#13;&#10;[01:01.77]自力更生重建家乡...&#13;&#10;[01:05.38]&#13;&#10;[01:31.14]欢迎你光临网易博客!&#13;&#10;[01:36.18]&#13;&#10;[01:41.66]生活的道路是多么的漫长&#13;&#10;[01:47.07]而令我向往的地方...&#13;&#10;[01:50.31]&#13;&#10;[01:52.48]有朝一日我重返铜陵&#13;&#10;[01:57.59]回到我久别的故乡&#13;&#10;[02:02.87]我和那亲人就欢聚在一堂&#13;&#10;[02:08.23]共度那美好的时光&#13;&#10;[02:11.96]九九手机铃声下载=>www.99Ring.com&#13;&#10;[02:32.24]有朝一日我重返铜陵&#13;&#10;[02:37.53]回到我久别的故乡&#13;&#10;[02:42.76]我和那亲人就欢聚在一堂&#13;&#10;[02:47.99]共度那美好的时光&#13;&#10;[02:53.52]共度那美好的时光&#13;&#10;[02:59.56]&tpt=http://up.yinhuabbs.cn/upload/xuhui8491/ima/im/&amp;tp=01.jpg|02.jpg|03.jpg|04.jpg|05.jpg|06.jpg|07.jpg|08.jpg|09.jpg|10.jpg|11.jpg|12.jpg|13.jpg|14.jpg|15.jpg|16.jpg|17.jpg|18.jpg|20.jpg&xsd=80&cc=690*388"allowNetworking="internal"></P>

 
二、浏览器代码分析
在博客日志中,嵌入本浏览器的常用代码是:
<embed src=http://dashan.gotoip1.com/tpll/sl-tpll(wb16-9slt).swf  type=application/x-shockwave-flash  width=690 height=495  
WMODE="transparent" QUALITY="high" FLASHVARS=" fmdz=封面网址&fmzs=封面停留帧数&mp3=MP3网址&mp3n=音乐名称&lrc=LRC歌词&tpt=图片网址相同部分&tp=图片网址(或图片网址不同部分)&tpw=图片网址不同部分简写&tpn=图片名称(或者tpnj=统一图片的名称)&xsd=缩略图移动速度&cc=图片尺寸&qhfs=切换方法&txbh=特效编号&xblys=下边栏颜色"></embed>
代码说明:
src=http://dashan.gotoip1.com/tpll/sl-tpll(wb16-9slt).swf   浏览器地址
type=application/x-shockwave-flash  flash类型。
width=690 宽,height=495 高,如缩放,务必按比例缩放。
QUALITY="high"                高品质显示效果。
WMODE="transparent"      透明窗口模式。
FLASHVARS="传递参数"   引号中是要传递的参数。

三、传递参数注解
1、封面参数(默认无封面)
fmdz=封面网址。设计浏览器的封面,可以是动画(SWF)或图片(JPG),大小要合适。
      本封面网址:
http://up.yinhuabbs.cn/upload/xuhui8491/ima/im/19.jpg 
fmzs=封面停留帧数。此浏览器的帧频20fps(一秒20帧),本封面停留帧数fmzs=400为20秒。
2、音乐参数 (默认无音乐)
mp3=MP3网址1|MP3网址2|......|MP3网址n。mp3网址之间用竖线分隔。
     当只有一首歌曲时,只给出一个“播放/暂停”按钮。二首歌曲以上时,给出“播放/暂停”和“下一曲”二个按钮。
     本MP3网址:http://sc1.111ttt.com/2015/4/11/11/104111110357.mp3  
 
mp3n=音乐名称
      或 n=音乐名称1|音乐名称2|......|音乐名称n    音乐名称之间用竖线字符分隔。并且与MP3网址一一对应。
3、歌词参数
lrc=LRC歌词1||......||LRC歌词n。多首歌曲时LRC歌词之间用二个竖线字符分隔,并且与MP3网址一一对应。
      如对应的MP3网址不用歌词,则直接用“||”代替LRC歌词。
      请参阅《LRC歌词格式简介》《百首歌曲LRC歌词一》《百首歌曲LRC歌词二》。
4、图片参数
(1) 图片网址
tpt=图片网址相同部分。
       使用同一网站的图片网址,其网址前面部分都是相同的。将图片网址中相同部分用一个tpt来定义,
       它与tp或与tpw参数组合成完整的图片网址。如果不选用此参数,则tp必须是完整的图片网址。
tp= 图片网址 ( 或图片网址不同部分 ) 。
       tp=图片网址1|图片网址2|......|图片网址n    网址之间用竖线字符分隔。
       如选用了tpt参数,则tp=图片网址不同部分1|图片网址不同部分2|......|图片网址不同部分n。
tpw=图片网址不同部分简写。
       该参数仅用于图片网址尾部是连续的序列号。
       如,01、02......nn或001、002......nnn
       tpw=01|nn|.jpg 或 tpw=001|nnn|.jpg
       注意:此参数必须与tpt参数配套使用,并且不能再用tp参数。
(2) 图片大小
cc= 图片宽度*高度    例,cc=1024*768,宽度与高度用*字符分隔。
       注意:选用的图片尺寸必须一致。如果使用新浪相册的图片,请将图片网址尾部&690删除后使用。
(3) 缩略图移动速度
xsd=缩略图移动速度。速度参数为正整数,默认为50,数值越大移动越慢。
5、图片切换特效
qhfs=切换方式  
     图片切换特效显示方式:qhfs=0是按编号顺序显示。qhfs=1是随机抽取编号显示。不选用qhfs参数,则默认为随机抽取编号。
txbh=特效编号
     图片浏览动画提供110款的图片切换特效,以下是特效的编号。

  1—淡入谈出   
  2—拉幕上向下   
  3—拉幕左向右   
  4—拉幕下向上   
  5—拉幕右向左   
  6—长方形旋转填位
  7—梯形上下填位
  8—风车   
  9—方块排列 
 10—三角形向中间合拢
 11—圆角组合   
 12—拉幕中间向上下
 13—拉幕中间向左右
 14—方星转向中心
 15—圆转六角旋左向右
 16—圆转八角旋左向右
 17—菱形下拉   
 18—细条变化   
 19—多角星中心扩散 
 20—半圆旋转扩散 
 21—圆交叉   
 22—拉幕左上向右下 
 23—拉幕右上向左下 
 24—拉幕左下向右上
 25—拉幕右下向左上 
 26—拉幕左上角向右下角
 27—拉幕左下角向右上角
 28—拉幕右下角向左上角
 29—拉幕右上角向左下角
 30—拉幕中心向四周 
 31—扇形柄顶下中点 
 32—扇形柄顶上中点 
 33—扇形柄顶右中点 
 34—扇形柄顶左中点 
 35—扇形柄顶右下角 
 36—扇形柄顶左上角 
 37—扇形柄顶右上角 
 38—扇形柄顶左下角 
 39—条形左边向右边 
 40—条形右边向左边
 41—条形上边向下边 
 42—条形下边向上边 
 43—条形左上角向右下角
 44—条形右下角向左上角
 45—条形右上角向左下角
 46—条形左下角向右上角
 47—淡入谈出   
 48—关门左向右   
 49—关门右向左   
 50—关门下向上   
 51—关门上向下   
 52—关门左下向右上 
 53—关门右下向左上
 54—关门右上向左下 
 55—关门左上向右下 
 56—大变小向中心   
 57—大变小向左角   
 58—大变小向上边   
 59—大变小向左边   
 60—切方块扩散   
 61—方块扩散左上向右下
 62—星形转方形中心射出
 63—方转星右上向左下
 64—方转星右下向左上
 65—方转星左下向右上 
 66—方转星左上向右下
 67—条形穿插下向上 
 68—条形穿插上向下 
 69—条形穿插左向右 
 70—条形穿插右向左 
 71—方形逐个左向右上向下
 72—圆形逐个左向右上向下
 73—星形逐个左向右上向下
 74—方形中心向四周飞出 
 75—横条水波   
 76—方形上下中间   
 77—方形旋转扩散   
 78—方形旋转左上向右下
 79—方形旋转上下中间 
 80—方形旋转外向内 
 81—圆形扩散右移   
 82—方块旋转左下向右上
 83—圆交叉变方扩散 
 84—方形扩散   
 85—方形弓字向下   
 86—方星转化右上向左下
 87—方星转化右下向左上
 88—方星转化左上向右下
 89—方星转化左下向右上
 90—拉幕压缩左向右
 91—拉幕压缩上向下
 92—拉幕压缩下向上
 93—拉幕压缩右向左
 94—前段模糊左向右
 95—前段模糊右向左 
 96—画轴卷动上向下 
 97—画轴卷动左向右
 98—翻页卷下左向右
 99—翻页卷下右向左
100—翻页卷上左向右 
101—翻页卷上右向左
102—模糊椭圆中心扩散 
103—模糊五角星旋转扩散
104—模糊方形中心扩散
105—模糊左下向右上
106—方形交叉向中
107—挥旗中点右向左
108—梅花旋转中心扩散
109—边模糊花朵中心扩散
110—葵花旋转中心扩散
     参数格式:txbh=编号x|编号y|......|编号n  编号之间用竖线字符|分隔。
     如果仅需要一种图片切换特效,只要设置参数:txbh=编号(如txbh=1)即可。
     不选用txbh参数,则默认为用全部的图片切换特效。
    (
特效效果请看FLASH实例-图片切换百款)。
6、下边栏颜色
xblys=下边栏颜色
     下边栏颜色=颜色编码,颜色编码是6位16进制数字。不选此参数,默认0099FF(即实例的颜色)。

 

来源:通用图片浏览(16:9缩略图)     通用图片浏览(16:9)  

返回分类目录

  评论这张
 
阅读(411)| 评论(5)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017