图片浏览方式更新!
这是比较大的一次更新了。工作量并不大,但是技术上有了飞跃。这次更新标志着东西南北正式启用了AJAX,步入web2.0行列。
首先是一些简单的背景。AJAX是目前非常流行的网络编程方式。在过去的网页浏览模式下,用户每一次点击都需要服务器重新刷新页面。所以用户在每一次activity以后都需要一个等待的过程。AJAX的原理就是在用户和服务器之间建立一个交互平台。利用JavaScript等老工具,AJAX能及时响应用户的每一个动作,只更新需要修改的地方。所以AJAX并不是什么新技术,而是一个新概念。 已经利用AJAX的一些网站包括gmail,google map, flickr等等。目前很少有blog使用AJAX技术。东西南北,又一次的走在了时代的前沿!
如何浏览: 点击图片,将弹出Modal popup window. 试试就知道了。找下面的图片试试吧。本站的所有图片都已经自动更新完毕。
如何使用: 使用方式不变!所有的代码修改都在后台完成!还是在write post的时候,点击Photos按钮,上传图片。然后insert。原来图片大小限制在380px。而现在,380px是缩略图的限制,原图将最大可以达到1024px!再也不用忍受小图的困扰了!在维持网页整体布局不变的前提下,能方便的查看高清晰大图! lsp,赶紧的,闹洞房的图片!
![]()
What’s more: 理论上除了图片,甚至网页都可以用这种modal popup的形式浏览。下面是一个flash。
Watch a demo
简单的how to: Modal popup是比较成熟的AJAX技术,利用JS就能实现(所以不能正常使用的请打开javascript),lightbox是比较好的一个工具。和wordpress整合中要注意的是,在每一次插入图片的时候,在href中加入rel属性。修改一下php文件就OK了。
victorlsp 11:08 PM on July 19, 2007 Permalink |
hey, man,
发现你忽悠的能力提高了
QZY 2:08 AM on July 20, 2007 Permalink |
有点buggy好像,
pic是ok的,
但是flash点了之后,没有办法能再回到网页里面了
另外,看图片时,scroll的话,图片会抖
Ming Xiao 10:09 AM on July 20, 2007 Permalink |
1. flash的时候是页面形式,只能点右下角的连接click here to close关闭。可能这个flash太大了,所以看不到右下角了
2。scroll其实是scroll背景页面,图片是不会动的,所以才会出现抖动的情况。可能你的屏幕太小了把。