发布于2007的文章

Sep 26

世界大战,DJ,New Motor,Bruce Lee,FireFox

简介:

这是一个用于在文章中发布图片的插件,它使用Ruochi.com的Bcastr Flash技术载入图片,然后轮播图片,主要的特点有:

.图片自动抗锯齿
.3种文字位置设定
.4种图片过渡效果,过渡更自然,
.可定义是否显示按钮
.可定义是否在新窗后中打开连接
.自定义尺寸,自动适应任何比例,图片不变形
.自定义图片标题
.浏览过程中下载
.自定义图片连接
.自定界面色彩

安装设置:

下载文章附件的插件包,解压后在wp-bcastr目录应有3个文件:wp-bcastr.php(插件主文件),wp_bcastr_config.php(配置文件),bcastr31.swf(播放器主文件),您可能需要编辑配置文件以适应你的站点系统(通常不需要配置也能很好的工作),只需打开wp_bcastr_config.php文件,内容如下:


<?php
//在这里设置图片播放器的参数;
$wp_castr_width = "500px"; //播放器默认宽度
$wp_castr_height = "280px"; //播放器默认高度
//扩展参数;
$wp_castr_ext_TitleTextColor = "#000000"; //图片名称文字颜色
$wp_castr_ext_TitleBgColor = "#FF6600"; //图片名称文字背景颜色
$wp_castr_ext_TitleBgAlpha = "60"; //图片名称文字背景颜色透明度:0-100值
$wp_castr_ext_TitleBgPosition = "0"; //图片名称文字位置,0表示文字在顶端,1表示文字在底部,2表示文字在顶端浮动
$wp_castr_ext_BtnDefaultColor = "#FF6600"; //按键默认的颜色
$wp_castr_ext_BtnOverColor = "#000033"; //按键当前的颜色
$wp_castr_ext_AutoPlayTime = "8"; //自动播放时间:单位是秒
$wp_castr_ext_Tween = "3"; //图片过渡效果:0,表示亮度过渡,1表示透明度过渡,2表示模糊过渡,3表示运动模糊过渡
$wp_castr_ext_IsShowBtn = "1"; //是否显示按钮:1表示显示按键,0表示隐藏按键
$wp_castr_ext_WinOpen = "_blank"; //_blank表示新窗口打开。_self表示在当前窗口打开
?>

每个参数都有详尽的描述。

修改好后把wp-bcastr目录上传到您的站点插件目录,通常是/wp-content/plugins/,然后到后台激活WP BCastr这个插件。

使用:

WP BCastr使用非常简单,当你激活插件后,它在QuickTag栏创建了一个按钮"BCastr",你只需在撰写页面的时候把你的图片连接贴到撰写窗口,然后选择这些连接,点击"BCastr"按钮即可。注意:多图片用","号(半角逗号)分开,写成一行不要回车。例如:


<bcastr>500,280,<img src="https://www.quakemachinex.com/blog/wp-content/images/WarOfTheWorld.jpg" alt="世界大战" title="世界大战" />,<img src="https://www.quakemachinex.com/blog/wp-content/images/MIDIMe.jpg" alt="DJ" title="DJ" />,<img src="https://www.quakemachinex.com/blog/wp-content/images/Motor.jpg" alt="New Motor" title="New Motor" />,<img src="https://www.quakemachinex.com/blog/wp-content/images/BruceLee.jpg" alt="Bruce Lee" title="Bruce Lee" />,<img src="https://www.quakemachinex.com/blog/wp-content/images/FireFoxWal.jpg" alt="FireFox" title="FireFox" /></bcastr>

"500,280,"表示最终播放器的大小,如果不设定将维持默认值。

如果你安装了本站的另外一个插件Multi Image Uploader Reload ,用它上传图片的同时就会自动生成WP BCastr所需的代码。图片文件的描述(标题),只需修改此图片的title属性即可。

239,300,IMG_afeiscan_Li_Jet_001.jpg,IMG_afeiscan_Li_Jet_002.jpg,IMG_afeiscan_Li_Jet_003.jpg,IMG_afeiscan_Li_Jet_004.jpg

问题:

虽然这个Flash支持任意大的尺寸的图片,但是我强烈建议您不要这么做,巨大的图片(比如超过1900X1200)在缩放时会导致浏览器处理器占用极高;关于图片的数量,我也没有细致的测试,10来个问题不大。

目前不支持在撰写中设定扩展参数;


Sep 26

我的一个老插件,我把功能完善了一下,现在用AJAX方式上传,而且上传前可以预览图片(FireFox基于安全策略不允许上传前查看本地文件,所以在FF上禁用了预览功能;IE7则需要把使用本插件的站点加入信任站点列表,注1),查看图像尺寸和文件大小。

一.先看看效果:

ajaxUpload.jpg,autoqktag.jpg,RealtimePre.jpg

图片文件上传成功后直接生成WP-BCastr所需代码。

二.下载和安装:

  1. 下载文章附件的插件安装包;
  2. 解压到硬盘,上传整个multiuploader目录到你的插件目录,通常是/wp-content/plugins/
  3. 在WordPress的插件控制面板激活Multi Image Uploader这个插件就行了。

三.使用:

插件在文章发表界面的QuickTag上面创建了Multi Uploader按钮,点击即可打开上传界面,一看就明白了。

注1:

在Internet Explorer 7菜单栏,点工具---Internet选项
选中安全选项卡,可信任站点,然后把论坛的网址http://你的站点.com/添加为可信任站点;
注意:不要勾选“对该区域的所有站点要求服务器验证”

或者使用reg文件导入注册表:(将以下内容存为previw.reg文件,双击导入;导入注册表有可能导致您的机器产生严重问题,此脚本经过本人测试有效无害,但仍然提醒您导入之前做好备份。;参考文献:Security and Compatibility in Internet Explorer 7

Windows Registry Editor Version 5.00

[HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_BLOCK_LMZ_IMG]
"Maxthon.exe"=dword:00000000
"TheWorld.exe"=dword:00000000
"iexplore.exe"=dword:00000000

注意:请所有下载过2.2.6之前版本的FireFox用户重新下载本插件。

English:

1.Download the Multi Image Uploader WordPress Plugin.
2.Extract the files.
3.Upload the 'multiuploader' folder to the /wp-content/plugins/ directory (do not alter the structure).
4.Go into your WordPress Administration, and activate the Multi Image Uploader Plugin;
5. Multi Image Uploader automatic add a quicktag button for you on new post page.
6.Use it,That's all.:)

Sorry for all FireFox users,Please download version 2.2.6 for FireFox work.


Sep 23

如果你想在文章中嵌入超高分辨率的图片,或者非常大的截图,又或者是360度全景图片,怎么办?用传统的缩略图方式,超级链接打开原图?那要是图片有几十M几百M呢?

Zoomify就能很完美的解决嵌入巨型图片的问题。它把文件分割处理后用Flash载入,然后用户可以在当前页面来查看这些巨大的图片,效果非常类似与Google Earth,请看:

<div sytle="text-align:center;padding:5px;border: 1px solid #CCCCCC;">
<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" CODEBASE="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab\
#version="
WIDTH="600" HEIGHT="450" ID="theMovie">
<PARAM NAME="FlashVars"
VALUE="zoomifyImagePath=http://newjp9.3322.org/worldmap/&zoomifyX=0.0
&zoomifyY=0.0&zoomifyZoom=-1&zoomifyToolbar=1&zoomifyNavWindow=1">
<PARAM NAME="src" VALUE="http://newjp9.3322.org/zoomifyViewer.swf">
<EMBED FlashVars="zoomifyImagePath=http://newjp9.3322.org/worldmap/&zoomifyX=0.0&\
amp;zoomifyY=0.0
&zoomifyZoom=-1&zoomifyToolbar=1&zoomifyNavWindow=1"
SRC="http://newjp9.3322.org/zoomifyViewer.swf"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
WIDTH="600" HEIGHT="450" NAME="theMovie"></EMBED>
</OBJECT>
</div>

上面的示例WorldMap,原图为8323px*5793px大小,文件尺寸10.1M;您还可以去官方观看一些演示,比如这个: 城市地图,原图文件尺寸为 254M!

用Zoomify发布图片的过程很简单:

1) 去官方下载 Zoomify Express,它是Zoomify的轻量级版本,完全免费,一般用户足够用了;
2) 解压后运行Zoomifyer EZ v3.0.exe,选中需要嵌入的图片,Zoomify会生成一个以图片名为名称的目录;
3) 把这个目录和zoomifyViewer.swf上传到你的服务器;
4) 用下面的代码嵌入你的Blog或者其他文章:

<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" CODEBASE="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#\
version=6,0,40,0"
WIDTH="600" HEIGHT="450" ID="theMovie">
<PARAM NAME="FlashVars" VALUE="zoomifyImagePath=https://www.quakemachinex.com/blog/Zoomifyer/你的图片/&zoomifyX=0.0
&zoomifyY=0.0&zoomifyZoom=-1&zoomifyToolbar=1&zoomifyNavWindow=1">
<PARAM NAME="src" VALUE="https://www.quakemachinex.com/blog/Zoomifyer/zoomifyViewer.swf">
<EMBED FlashVars="zoomifyImagePath=https://www.quakemachinex.com/blog/Zoomifyer/你的图片/&\
zoomifyX=0.0&zoomifyY=0.0
&zoomifyZoom=-1&zoomifyToolbar=1&zoomifyNavWindow=1"
SRC="https://www.quakemachinex.com/blog/Zoomifyer/zoomifyViewer.swf"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
WIDTH="600" HEIGHT="450" NAME="theMovie"></EMBED>
</OBJECT>

可接受的参数:

用 '&' 来分割传递参数;
zoomifyImagePath: 你的图片目录路径
zoomifyMinZoom: 1 to 100, 最小缩放比例,-1填充显示区域;
zoomifyMaxZoom: 1 to 100, 最大缩放比例,-1填充显示区域;
zoomifyNavWindow: 是否显示导航窗口,1 显示, 0 隐藏;
zoomifyToolbar: 是否显示工具条,1 显示, 0 隐藏;
zoomifyX: initial view X, -1 to 1, 图片位置,0 则X居中;
zoomifyY: initial view Y, -1 to 1, 图片位置,0 则Y居中;
zoomifyZoom: 1 to 100, 缩放比例,-1填充显示区域;
zoomifySlider: 是否显示滑动条,1 显示, 0 隐藏;

要注意的就是 zoomifyImagePath 和 zoomifyViewer.swf 的路径都要改成适合你自己服务器的。

Zoomify通过亢余算法来分割图片,所以产生的图片目录占用空间要比原图更大,以上面那张世界地图为例,一张10M的图片,生成图片目录后包括了1042张分割图片,占用18M左右空间。


Sep 23

首先我们看看彩蛋的内容:

彩蛋 #1
在Windows系统下"死活"不能创建名字为"CON"的文件夹;

彩蛋 #2
1) 用系统自带记事本(Notepad.exe)新建一个空文本文件
2) 写入内容(复制粘贴也行)"Bush hid the facts"(注意不包括引号)
3) 保存
4) 关闭这个文件,然后再打开

彩蛋 #3
打开Microsoft Word,写入:
=rand (200, 99)
然后回车观看效果

其实没有那么夸张,这些东西都是有来源的。

关于彩蛋1,"CON"是属于系统保留名称( Reserverd System Names),类似的还有NUL, COM1, COM2, COM3, LPT1, LPT2, LPT3,COM1 到 COM9 和 LPT1 到 LPT9,这些保留名称用通常的方法都是无法建立成目录名的,但是通过一些非常规手段可以建立,而且早期玩过Warez的人,弄Public FTP都是通过利用这个手段隐藏自己的文件。具体方法可以参考: Windows Folder Creation Surprise

关于彩蛋2,"Bush hid the facts" 其实不是必须的,有心者弄了个这么"义薄云天"的内容而已,其实只要符合"hhhh hhh hhh hhhhh"就会出现这个彩蛋效果(其中的"h"可以为任意半角字母);而且你必须以ANSI格式保存文件,如果用UTF8保存是看不到效果的。所以这个和"布什"没什么关系;原文可以参考:Bush Hid The Facts - Notepad Conspiracy Claim

关于彩蛋3,完全就是微软有意为之的,通过=rand (X,Y )来随即产生大量的填充内容;可以参考:The rand “virus”: or how to insert dummy text into a document 和微软官方的How to insert sample text into a document in Word

和玩笑较真不好,不过寻根问底的过程还是蛮有意思的。


Sep 22

如果以前我知道这个脚本,可能我以前的数据就不会丢得那么冤枉了。由于以前用数据库保存了一些数据文件,所以数据库非常大(50+M),本地导入都长期超时。而BigDump就是用来解决这个问题的。

使用:

  1. 下载解压出bigdump.php,用你的编辑器编辑数据库连接参数,就是用户名,密码,表那些;
  2. 删除目标数据库的旧表,或者在用phpMyAdmin导出数据时选‘Add DROP TABLE’, ‘Add IF NOT EXISTS’,这样在导入数据时就会覆盖目标表;
  3. 在服务器上建立一个工作目录,例如:dump;
  4. 如果你想通过服务器的HTTP方式上传数据库,请把dump目录的权限设为777(基于Linux的服务器 chmod 777),不过这样通常会受到PHP配置上传文件大小的限制,最好还是用FTP上传;
  5. 上传bigdump.php和你的数据库文件(*.sql或者*.gz)到dump目录,记得如果是.gz后缀的数据库要用BINARY模式上传;
  6. 在浏览器运行bigdump.php脚本,例如:http://www.yourdomain.com/dump/bigdump.php,这时会有列表让你选择dump目录下的数据库文件;
  7. BigDump会自动更新显示导入的过程,只要你没关闭浏览器的Javascript支持,给点耐心等待导入的完成,不要关闭当前窗口!
  8. 导入成功后,记得删除bigdump.php文件和你的数据库!

中文用户可能需要调整 bigdump.php 文件中的 $db_connection_char_set 参数符合自己的数据库,不至于导入后乱码。

BigDump的作者是Alexey Ozerov,您可以去官方下载这个PHP脚本的最新版本,也可以在本地下载0.28版。


[15/22]  «< 13 14 15 16 17 18 19 20 21 22 > ... »