把Imagevue相册集成到Wordpress中

本帖由 xcler2010-08-29 发布。版面名称:Imagevue 综合讨论

  1. xcler

    xcler 正式会员

    [​IMG]
    前段时间在HiLiuYun上添加了Imagevue相册程序,但是总想让Imagevue和HiLiuYun的风格统一,正好这几天有时间,就把Imagevue集成到WordPress中,可以点击gallery查看。
    把Imagevue集成到Wordpress中其实很简单,和把大象放到冰箱里差不多,新建Wordpress页面,把Imagevue的代码加到页面里,最后保存,就可以了,下面详细说一下具体步骤。
    1. 新建Wordpress页面
    对于使用Wordpress的用户来说,新建页面应该大家后会,如果对页面没啥太多有求,在后台直接新建页面就可以,但是如果你对页面的要求比较高,想做的更个性点,那么就要新建个模板。
    复制你所使用的主题文件夹下的single.php,重命名为gallery.php,打开gallery.php,在最上面添加如下代码,如果已有下面代码,就把template Name改成文件的名称,比如这里就是gallery。

    Copyright 2008-2010 L'Yun(http://www.HiLiuYun.cn) 然后进入Wordpress的后台,新建页面,这里在右侧的模板那里就可以选择gallery了。


    2. 插入Imagevue相册代码
    首先需要先安装Imagevue,这里用复制更为贴切,只需要把Imagevue文件夹复制到你的服务器上就可以,它不需要数据库支持,只要支持PHP和GD库就行。可以正常打开Imagevue的首页,说明安装成功。
    在Imagevue的文件夹里有个embedDemo.html文件,用DW打开它,复制如下代码:


    Oops! – This page requires javascript -
    Please enable javascript in your browser and reload page.
    » flash gallery
    Optionally, you can view the HTML gallery page instead:
    » HTML gallery
    Imagevue flash photo gallery and slideshow:
    » www.imagevuex.com




    //

    把复制过来的代码添加到刚才新建的gallery.php中的相应位置,可以在代码的最外层增加个DIV来控制相册的显示位置及大小等。在上面的代码中“swfobject.embedSWF("imagevue/imagevue2.swf",”位置,要改变下imagevue2.swf的相对地址,这样Imagevue的显示就正常了。在embedDemo.html的代码里有两个JS,但是我只是使用了上面的代码,没有添加JS,使用正常,不知到那两个JS的具体作用。
    显示都正常之后,就是慢慢调整模板了。

    转载自 http://www.hiliuyun.cn/?p=1419
     
  2. yewei1999

    yewei1999 普通会员

  3. pergian

    pergian 正式会员

    有时间折腾一下,将它们集成起来试试
     
  4. wangyuye77

    wangyuye77 普通会员

  5. yutian

    yutian 正式会员

    哈哈。我也集成试试
     
  6. ludas

    ludas 普通会员

    宽度 高度 到底怎么调整啊 ??
     
  7. scxs535

    scxs535 普通会员

    安全吗?
     
正在加载...