4studio博客

浅说相册图片详情页面中大图的浏览方式

4studio — Wed, 28 Apr 2010 09:37:05 +0800

对于相册来说，大图的浏览非常重要，因为对浏览者来说最重要的就是大图看得爽不爽，因为做项目的需要，我比较了许多相册的大图浏览方式，现在一一评说，本文只代表我个人的观点，欢迎大家拍砖呀！ Flickr Flickr一直是专业摄影爱好者喜欢的相册，它在照片详情页面提供了许多的尺寸供浏览者选择，还体贴的提供了“大尺寸下载”的链接，让浏览者能把心仪的照片下载到自己的硬盘。在Flickr的所有尺寸中，除了“大图下载”外，还有Flickr周到的正方形75×75像素图片，因为现在许多聊天工具、博客、论坛的个人信息上都需要用到这种小尺寸的正方形照片，Flickr帮助大家裁切出这样的正方形照片无疑为许多想在个人信息上上传正方形图片却不懂得制作的用户提供了方便，当然，真正有多少用户用到这个图片，这个还是需要有实践与数据来考证的，至于照片其它几个规格的尺寸个人感觉作用不大。在看图片时，Flickr支持Cooliris插件,可以播放幻灯，有两种方式可以进入：(1)当用户把鼠标放在图片上几秒后，图片的左下角出现图标，点击图标弹出幻灯演示页面；(2) 相册右边有一个“播放幻灯”的图标，点击后会弹出幻灯播放； Cooliris黑色背景下全屏的展示图片确实给了用户一种很好的视觉感受，当然这个插件也有一些其它的不足，但有总比没有好；不过，Flickr“播放幻灯”的图标设计得难于识别，不知道是“播放幻灯”的意思，没有多少人会把一个页面的图标都mouseover一次的。另外，Flickr没有点击图片翻到下一页的功能，这对许多习惯了这种翻页方式的高级用户来说显得有些不方便。 Facebook Facebook的大图浏览没有原图查看，也没有不同尺寸的图，用户上传的图被缩放到了一个固定的尺寸，用户可以点击查看下一张图片；facebook也象Flickr一样支持Cooliris插件，可以播放幻灯，这种播放方式必须是用户安装了这个插件的情况下才能播放，且因为该插件的服务器在国外，遇到网速不够快的用户用这个插件看图有点儿卡。 Google的相册picasa Google的相册picasa保持了google设计的一惯的简洁风格，图片的尺寸是我看过的相册中最大的了，有912像素的宽和高，比其它网站相册产品的图片都要大，在显示器越来越大的今天，这样的大图看起来真的很爽，除此之外，picasa的图片右上角有一个放大的功能，点右上角的放大镜，图片会在一个固定的窗口内放到一个很大的尺寸，用户可以拖动大的图片，查看自己关心的部份, picasa的这个功能比简单的查看原图要方便些；因为简单的查看一张比较大的原图时，浏览器窗口会出现横竖两个方向的滚动条，用户用起来不方便。另外，picasa也没有点击翻看下一张照片的功能，这个是许多用户习惯了的一种看照片的方式；网易相册对网易相册我一直有一种说不出的亲切感，熟悉并喜欢网易这种简洁明了的风格，网易相册的大图查看也是很简单的。网易相册的大图下加了一个阴影，在视觉上增加了许多的美感，但图片不大，也没有原图查看或放大的功能，这个对想看精美大图的摄影爱好者来说是一个遗憾，要看相册的原图，需要通过相册右侧的一个“下载此照片”的链接,这个链接并不容易被用户关注到；网易相册的大图浏览，当在大图上点鼠标时，图片会翻到“上一张”或“下一张”，以图片竖直方向中心线为轴线，鼠标点到图片竖直中心线左面时变成向左的箭头，点击图片出现“下一张”；鼠标点到图片竖直中心线右面时变成向右的箭头，点击图片出现“上一张”，整个图片切换的过程非常的流畅。百度相册百度有许多产品都做得很好，但是说真的相册做得挺一般的，百度相册的大图查看可能是因为属于个人空间的一个栏目的原因，真的没有什么亮点，首先，图片的尺寸很小，点击图片出现图片的原图，感觉百度的相册在设计上是比较粗糙的。 QQ相册 QQ相册图片尺寸挺大的，页面上也有类似于网易相册的那种用鼠标在照片上点击往前或后翻的功能，也会以图片竖直方向中心线为轴线，鼠标变成向左或向右的箭头，点击照片出现“上一张”或“下一张”的分页，就大图浏览这一点来说，QQ相册还是不错的。 Yupoo相册 Yupoo相册的大图浏览与Flickr差不多，图片的尺寸不大，可以查看几个规格尺寸的图片；个人认为在设计产品时借鉴成功者的经验确实是一种很好的方法，但首先应该能分得清哪些是成功的经验，哪些不是，一味的照搬，不分良莠，反而会对产品有负面的影响；巴巴变巴巴变无论从色彩还是产品的设计都太象Flickr了，可见一个成功的产品对行业内其它产品的影响有多大，但巴巴变有一个不得不提的特色，它有专门针对网店店铺设计的相册，有许多有趣的功能，但就大图查看来说与Flickr差不多；走马观花的看了许多相册产品，各自都有自己的特色，当然也有许多共同之处，我总结了一下相册大图查看页面设计时需要注意的几点： (1) 在本公司网站设计规范许可的宽度范围内，图片查看越大越好！ (2) 在图片上加上点击翻页的功能,这是许多用户已经习惯了的看图方式，也能方便的让用户查看本相册的其它照片； (3) 如果相册是需要播放幻灯的，那么就选择一种合适的方式，是在本页内播放还是弹出一全屏的页面播放，或者是支持Cooliris插件，根据自己商业目标和目标用户群来进行选择，也曾有设计师与我讨论过是否可以用 flash来做幻灯的播放，在这点上我个人的建议是别轻易使用 flash来查看需要展示精致细节的图片，因为flash会自动的对图片进行压缩，会损害到图片的质量，另外，图如果太大的话，会需要比较长的loadding时间； (4) 尽可能的为用户提供原图，或放大的图片，便于用户查看更精致的细节； (5) 对其它的相册产品可以借鉴，但不要抄袭，要借鉴其它产品的成功之处，而不是无论是否符合自己的产品特色和用户需要都照搬过来，因为不是功能越多的产品就越好，而是越符合自己产品目标用户群需要的产品就越好； addthis_url = 'http%3A%2F%2Fwww.4studio.cn%2Fblog%2F%3Fp%3D848'; addthis_title = '%E6%B5%85%E8%AF%B4%E7%9B%B8%E5%86%8C%E5%9B%BE%E7%89%87%E8%AF%A6%E6%83%85%E9%A1%B5%E9%9D%A2%E4%B8%AD%E5%A4%A7%E5%9B%BE%E7%9A%84%E6%B5%8F%E8%A7%88%E6%96%B9%E5%BC%8F'; addthis_pub = '';

Win2008下的IIS7与PHP相关问题

4studio — Mon, 02 Nov 2009 09:53:33 +0800

导读：本文主要是介绍在 Win2008 的 IIS7 中配置和使用 PHP 的相关问题。注意，本文是针对 Win2008 全新的讲解，力求使用上的完美和配置上的简捷。先推荐下载个视频（虽然是英文的，但是也可以先大致浏览了解一下）：http://wallpaper.iis7.org/videos/php-fastCGI.wmv 重点：从以上视频可以了解到，在 Win2008 的 IIS7 中，对 PHP 支持的最大改进有两点：1、FastCGI；2、Output Caching（输出缓存）。所以以下着重介绍用 FastCGI 支持 PHP 的方式，而 ISAPI 支持方式应该和以前版本的 IIS 大同小异，不再赘述。需要下载的相关程序（全部为免费程序，找不到的话就别做网站了） 1、PHP 5.x.x For Win 版本（推荐使用免安装的压缩版本）； 2、MySQL 5.x For Win 版本； 3、phpmyadmin 最新版； 4、ZendOptimizer 最新版。安装、配置下载的程序 0、在 Win2008 中添加角色：打开“服务器管理器”，在“Web 服务器中”别忘了添加“CGI”。如果没有添加，接下来是没有“FastCGI”选项的； 1、为 PHP 应用配置“FastCGI”：打开“IIS 管理器”，双击某个网站（或虚拟目录、应用程序），双击“处理程序映射”，然后从右边选择“添加模块映射”，“请求路径”填写“*.php”，“模块”选择“FastCgiModule”，“可执行文件”选择你 PHP 所在的目录中的“php-cgi.exe”（比如 D:\php\php-cgi.exe），“名称”就叫“php”好了。以下是配置说明：（1）将“PHP.INI-dist”拷贝在同目录中，名为“PHP.INI”（不建议使用“php.ini-recommended”拷贝，因为安全性较高，容易出问题）；（2）编辑“PHP.INI”，主要是修改以下关键配置的设置（注意，如果没有某个关键词，就自己创建；“d:\php”假设为 PHP 所在目录。）： register_long_arrays = on extension_dir [...]

十大WordPress MU管理员插件

4studio — Thu, 29 Oct 2009 10:25:45 +0800

Wordpress MU是Wordpress的多用户版本，因为程序结构的关系，Wordpress MU并不一定能兼容Wordpress的插件。WordPress MU有全局的插件和针对单个站点的插件，分别存放在不同的目录。/wp-content/mu-plugins/ 目录下存放的是全局的插件，无需逐个博客激活插件，默认就已经自动调用。/wp-content/plugins/ 目录下存放的是分站点的插件，只针对单个站点有效，这类插件和WordPress的插件基本兼容。　　对于WordPress MU全局插件，通常是管理员设置的，有很多种不同类型，我这里介绍十个我个人感觉最为常用的全局插件，供广大网站管理员们参考。　　Plugin Commander – 这个插件能在全站范围内自动启用和禁用分站点的插件，几乎是每个人都需要的功能，实际上，这个插件的部分功能已经在最新的WordPress MU中实现了。　　Limit Revisions – 限制文章修订和自动保存功能，WordPress 2.6后增加的Post Revisions实在是个令人讨厌的功能，以至于禁用这项功能的插件都会成为必备插件。　　Menus – 可以让网站管理员启用或禁用全站的某些菜单选项。　　New Blog defaults – 这个插件能为所有的新建博客设置一个默认的主题和一些默认的功能设置。　　Farm‘s Comment spam pack – 防范垃圾留言和垃圾博客就全靠这个插件了。　　Sitewide Tags – 整站标签插件，可以得到一个全站范围内的标签云和相关文章。　　Multi DB – 对于大型博客网站来说，多数据库插件是必然的，否则你的系统会死的很难看。　　AHP Sitewide Recent Posts for WPMU – 获取全站范围的最新文章插件。　　WPMU for Dummies： Part Deux – 老鸟可以忽略这个插件，不过对于新手来说，这个插件可以让你的WPMU管理更为方便。　　好了，以上就是十个潮涌的WPMU插件，如果你还知道什么其他好用的WPMU插件，请留言告诉我。原创文章如转载，请注明：转载自月光博客 [ http://www.williamlong.info/ ] addthis_url = [...]

修改dedecms之channelArtlist标签,去掉table

4studio — Wed, 28 Oct 2009 23:26:31 +0800

用记事本打开include/inc_arcpart_view.php ,找到： if($col>1){ $artlist = “<table width=’$tablewidth’ border=’0′ cellspacing=’0′ cellpadding=’0′>\r\n”; } 修改为： if($col>1){ $artlist = “\r\n”; } 查找： if($col>1) $artlist .= “<tr>\r\n”; 修改为： if($col>1) $artlist .= “\r\n”; 查找： if($col>1) $artlist .= ” <td width=’$colWidth’ valign=’top’>\r\n”; 修改为： if($col>1) $artlist .= ” \r\n”; 查找： if($col>1) $artlist .= ” </td>\r\n”; 修改为： if($col>1) $artlist .= ” \r\n”; 查找： if($col>1){ $artlist .= ” </tr>\r\n”;} 修改为： if($col>1){ $artlist .= ” \r\n”;} 查找： if($col>1) $artlist .= ” </table>\r\n”; 修改为： if($col>1) $artlist .= ” \r\n”; 这样去掉所有table(表格)标签，然后在模板里使用channelArtlist标签，最终显示的内容将不再包含这些table元素了。在{dede:channelArtlist}与{/dede:channelArtlist}就能直接调用最终要显示的内容，不会含有多余的html代码了。 [...]

Zend Studio 7.1 Beta版公测啦

4studio — Sun, 25 Oct 2009 09:04:26 +0800

一个屡获大奖的专业 PHP 集成开发环境，具备功能强大的专业编辑工具和调试工具，支持PHP语法加亮显示，支持语法自动填充功能，支持书签功能，支持语法自动缩排和代码复制功能，内置一个强大的PHP代码调试工具，支持本地和远程两种调试模式，支持多种高级调试功能。一个屡获大奖的专业 PHP 集成开发环境，具备功能强大的专业编辑工具和调试工具，支持PHP语法加亮显示，支持语法自动填充功能，支持书签功能，支持语法自动缩排和代码复制功能，内置一个强大的PHP代码调试工具，支持本地和远程两种调试模式，支持多种高级调试功能。Zend Studio for Eclipse v6.0是PHP官方的开发工具.它基于Eclipse和PDT,加入了ZendStudio的专用特性,ZF框架,ZendCore Zend Platform.Zend Studio一直是很多PHP开发者的首选工具,它与Java的关系一向甚为亲密. Download the Beta version of Zend Studio 7.1 to experience the powerful new features of our professional-grade PHP IDE: Get on top of your tasks with Mylyn integration Transparently develop projects over a remote server Use phar (PHP Archive) for easy application distribution and installation Benefit from numerous [...]

WP_Query一例使用教程

4studio — Sat, 24 Oct 2009 09:53:36 +0800

在wp获取文章什么的时候都会用到loop。WP_Query就是新建loop的好东西。之前在获取文章列表的时候愿意用get_posts，非常方便，也比较简单，可以简单调用某个分类的某些文章，轻而易举就可以把wp变成cms，但是对于稍微高级点的功能的时候get_posts就该歇着了。于是有了query_posts，通过这个，可以实现更加强大的调用，包括特定日期的调用，还有更多。但是直接使用query_posts的话会遇到很多麻烦，因为它会直接影响到其他在使用的loop，比如你可能会在header用query_posts调用列表，然后你会神奇发现你的所有文章都是一个内容。自己在前几天改一个wp模板的时候碰到这些情况，当时想如果能有给query_posts一个关闭标签的话就酷了。这里用WP_Query便是更好的方法。其实WP_Query就是做封闭loop之用。其用法和query_posts完全相同。优点就是有始有终:) 这里说下它的简单用法，直接调用我的一个实例吧，我感觉我用的几乎都包括了： <?php $m=date(m); $d=date(d); $today_live = new WP_Query("cat=340&monthnum=$m&day=$d&order=ASC&showposts=5"); ?> <?php if ($today_live->have_posts()) : while ($today_live->have_posts()) : $today_live->the_post(); ?> <li style="float:left;padding-right:5px;min-width:100px;">"><?php the_title() ?> / <?php endwhile; ?> <?php endif; ?> 4studio这里也介绍到WP_Query，建议看一下。用好了WP_Query，把wp变成超级cms其实易如反掌。 addthis_url = 'http%3A%2F%2Fwww.4studio.cn%2Fblog%2F%3Fp%3D804'; addthis_title = 'WP_Query%E4%B8%80%E4%BE%8B%E4%BD%BF%E7%94%A8%E6%95%99%E7%A8%8B'; addthis_pub = '';

wordpress 模板条件判断函数

4studio — Fri, 23 Oct 2009 16:19:14 +0800

如果你想在wordpress模板中条件的显示部分内容，下面的条件判断你也许用得上，简单举例，如果你仅仅希望在具体的文章页面显示一个函数，你可以这样写 //这里写你想显示的内容，包括函数下面是直接来自wordpress.org，我可以做一个简单的翻译 is_single() When any single Post page is being displayed. 判断是否是具体文章的页面 is_single(’17′) When Post 17 is being displayed as a single Post. 判断是否是具体文章（id=17）的页面 is_single(’Beef Stew’) When the Post with Title “Beef Stew” is being displayed as a single Post. 判断是否是具体文章（标题判断）的页面 is_single(’beef-stew’) When the Post with Post Slug “beef-stew” is being displayed as a single Post. 判断是否是具体文章（slug判断）的页面 comments_open() When comments are allowed for the current Post [...]

php浏览历史程序代码

4studio — Thu, 22 Oct 2009 10:59:26 +0800

相信很多人在做网站的时候都需要用到此功能：浏览历史即要记录用户在网站上的行为，很多人都明白要用cookie来实现，但具体怎么做会比较合理，并且代码比较精简呢？这的确会难到不少人的，为此，我把ecshop那段精简的代码贴出来，相信不少人真的会用到的： /* 记录浏览历史 */ if (!empty($_COOKIE['ECS']['history'])) { $history = explode(’,', $_COOKIE['ECS']['history']); array_unshift($history, $goods_id); $history = array_unique($history); while (count($history) > $_CFG['history_number']) { array_pop($history); } setcookie(’ECS[history]‘, implode(’,', $history), gmtime() + 3600 * 24 * 30); } else { setcookie(’ECS[history]‘, $goods_id, gmtime() + 3600 * 24 * 30); } 细细看上去，这真的很不错，希望对你有用 addthis_url = 'http%3A%2F%2Fwww.4studio.cn%2Fblog%2F%3Fp%3D731'; addthis_title = 'php%E6%B5%8F%E8%A7%88%E5%8E%86%E5%8F%B2%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81'; addthis_pub = '';

PHP标签Tag的设计模式

4studio — Wed, 21 Oct 2009 11:55:33 +0800

原文来自http://www.pui.ch/phred/archives/2005/04/tags-database-schemas.html 翻译：EasyChen 转载请保留署名和出处，保持一致。没有太多时间进行全文翻译，就把重点挑出来，用自己的话串起来，名曰选择性翻译。以后可能会比较多的采用这种方式。社会书签的tag存储一直是一个比较麻烦的问题。一个好的数据表设计，不但要能准确查出tag，还应该支持tag的AND/OR/NOT查询。我们来看看解决方案。 “MySQLicious” solution 表结构存储实例 Intersection (AND) “search+webservice+semweb”类的查询: SELECT * FROM `delicious` WHERE tags LIKE "%search%" AND tags LIKE "%webservice%" AND tags LIKE "%semweb%" Union (OR) “search|webservice|semweb”类的查询: SELECT * FROM `delicious` WHERE tags LIKE "%search%" OR tags LIKE "%webservice%" OR tags LIKE "%semweb%" Minus “search+webservice-semweb”类的查询 SELECT * FROM `delicious` WHERE tags LIKE "%search%" AND tags LIKE "%webservice%" AND tags NOT LIKE "%semweb%" 优点：只有一个表 SQL比较直接可以用mysql的全文检索来做，效率更高缺点： tag的数量受到限制，通常我们都用varchar，这种字段只256个字节长。否则，你需要用text类型，速度会变慢。（Easy注，phpmore的tag用的就是TinyText） Like ‘%things%’不精确，当然某些应用中，这反而是需要的 “Scuttle” solution 数据表 Intersection (AND) Query [...]

DEDECMS建立模型及分表操作实战分享

4studio — Tue, 20 Oct 2009 11:34:51 +0800

首先，要先建立一个模型，建立模型的方法寂寞天涯已经写过专门的教程，不过要注意的是建立模型之后要新建一个字段，名字是：文章正文，英文名是：body，要选择html文本存储模式。固定发布模式。这样你就可以看到多了两个数据表，一个是dede_archivesXX，一个是dede_addonXX，可以自己取名。我们主要的操作在这两个表上进行。然后开始我们的主要操作：后台系统管理－系统帐号管理－SQL命令运行器看到下面的运行小窗口了吧，我们在这里运行SQL的命令。主要命令步骤如下：一、insert into dede_addonX select * from dede_addonarticle where typeid=Y 这个dede_addonX就是刚刚我们建立的两个数据库中的一个，是一个附表。这句话的意思是我们把dede_addonarticle（原来的大表）中的某一个档目（文章栏目数字号Y）中的所有数据复制到dede_addonX这个表里。二、insert into dede_archivesX select * from dede_archives where typeid=Y 这个dede_archivesX是我们刚刚建立模型中的主索引表，这句话的意思和上句一样。三、UPDATE `dede_full_search` SET `channelid` = ‘X’ WHERE `dede_full_search`.`typeid` =Y 将两个表复制完之后我，我们需要把我们DEDE数据的主索引表进行较正。四、UPDATE `dede_archivesX` SET `channel` =X WHERE `typeid` =Y 再将我们的文章模型索引表进行较正五、delete from dede_addonarticle where typeid=Y 将原来已经复制过的数据在原表删除。第六步、频道管理，相关档目修改－基本设置内容模型选定刚刚建立的那个模型，然后点高级设置，要设定相对应的模板。然后最下面的继承选项，选定之后整个栏目都会按这个设置顺承。 addthis_url = 'http%3A%2F%2Fwww.4studio.cn%2Fblog%2F%3Fp%3D373'; addthis_title = 'DEDECMS%E5%BB%BA%E7%AB%8B%E6%A8%A1%E5%9E%8B%E5%8F%8A%E5%88%86%E8%A1%A8%E6%93%8D%E4%BD%9C%E5%AE%9E%E6%88%98%E5%88%86%E4%BA%AB'; addthis_pub = [...]