整合图片滑动模块.doc

我们需要什么？在开始之前我们需要先下载 SmoothGallery 2.0第一步，将所需文件放到合适的地方。解压下载到的smoothgallery将解压得到的css文件夹复制到wordpress目录wp-content/themes/your_theme_name将scripts文件夹复制到wp-content/themes/your_theme_name一旦我们完成这一步，我们就有了在博客上运行SmoothGallery的所需效果代码文件第二步：在博客主模板代码的Header部分添加CSS和script文件的连接，以便在博客页面进行调用将以下几行代码添加到主模板代码的Header部分link rel=”stylesheet” href=”/css/jd.gallery.css” type=”text/css” media=”screen”/script type=”text/javascript” src=”/scripts/mootools.v1.11.js”script type=”text/javascript” src=”/scripts/jd.gallery.js”当这一步完成时，你就已经可以在博客主题中使用SmoothGallery了第三步：在你的主题目录中新建一个文件gallery.php，这个文件会帮你生成展示gallery的html代码。在开始这一步之前，应该认识到smoothgallery模块的结构Item TitleItem Descriptiongallery.php文件包括两部分：初始化SmoothGallery Script (JS)为gally生成html/php代码你可以在这里here下载到gallery.php需要这段代码，将代码全部保存到一个新建txt文档中，再保存为gallery.php就可以了。function startGallery() var myGallery = new gallery($(myGallery),timed: true);window.addEvent(domready,startGallery);?php query_posts(showposts=5&cat=3);?a href=” title=”Read more” class=”open”img src=” class=”full” alt=”/img src=” class=”thumbnail” alt=”/Fourth step : include the gallery in your theme第四步：将gallery放到你的主题中不如在 mimbo 主题中, 你只需要用替换之间的内容当你完成这一步时，你的gallery就已经可以工作了。要使你的gally运转起来，你需要在新建一个名为 gallery_image的自定义字段，字段值即为需要展示的图片链接，在wordpress中推荐用相对地址，比如你的图片地址为 /wp-content/uploads/2008/08/artile，只需要填wp-content /uploads/2008/08/artile就可以了。最后一步（不是必须）：自定义gallery的具体显示效果。打开文件wp-content/themes/your_theme_name/css/jd.gallery.css，在这里修改gallery的宽和高。（通过修改jd.gallery.css完全对这个slideshow根据自己的主题进行个性化。_）#myGallery, #myGallerySet, #flickrGallerywidth: 590px;height: 250px;z-index:5;border: 1px solid #000;默认的字号对于中文太小了，可以调整slideshow下方信息栏的高度及文字的字号，只需要修改.jdGallery .slideInfoZone（滑动信息栏高度、颜色等参数）.jdGallery .slideInfoZone h2（信息栏内标题样式）.jdGallery .slideInfoZone p（信息栏文本样式）你还可以修改wp-content/themes/your_theme_name/scripts/jd.gallery.js来改变g