帮助中心
40
最新文章
  • 预防采集建议屏蔽WordPress RSS订阅Feed接口
  • wordpress访问报错“建立数据库连接时出错”的问题思考与解决方案
  • wordpress如何利用404 Notifier插件实现404页面邮件通知站长邮箱
  • wordpress源码程序在发表评论时如何在不使用插件的情况下插入图片
  • wordpress博客源码程序如何使用插件实现旧文章随机更新为新文章来展示
  • wordpress福利篇之非常漂亮的英文企业主题展现
  • 如何在wordpress后台仪表盘添加控制台widget功能
  • wordpress在不使用插件的情况下实现每篇文章底部加入站点版权
  • wordpress技巧篇之怎么使每篇文章针对百度蜘蛛做出检测而快速得到文章的收录情况
  • WordPress如何解决php程序报错Warning Creating default object from empty value in…
  • 文章分类
  • 171CMS_711CMS
  • BIWEB商务智能网站系统
  • BO-BLOG开源博客系统相关
  • cmseasy易通企业系统相关
  • Cscms程氏内容管理系统
  • dedecms教程_织梦系统帮助文档_dedecms虚拟主机空间
  • Destoon开源b2b系统相关
  • DirectAdmin(DA)用户面板相关
  • discuz论坛_discuz x3.0教程_discuz x3.2教程_DZ论坛
  • DouPHP轻量级企业网站管理系统
  • drupal开源内容管理系统(CMS)
  • ecmall商城系统教程-ecmall最新版本-ecmall模版教程
  • Ecshop开源网店系统相关
  • ECTouch程序相关教程
  • ESPCMS_易思
  • ftp教程_ftp上传工具_ftp软件_ftp是什么
  • iwebshop开源网店系统相关
  • joomla开源cms相关
  • KingCMS内容管理系统
  • Lifetype开源博客相关
  • Magento开源电子商务系统
  • mambors开源cms相关
  • mediawiki开源百科系统相关
  • Metinfo(米拓)CMS教程-米拓模版安装教程
  • modoer3.2_modoer点评系统_modoer模版
  • MvMmall多用户商城系统
  • mysql数据库相关
  • opensns开源社交系统
  • oscommerce电子商务系统
  • PHPBB开源论坛程序相关
  • phpcms教程_phpcms漏洞修复_phpcms技术中心
  • phpmyfaq开源问答(FAQ)系统相关
  • phpweb程序_phpweb教程_phpweb成品网站
  • PHPWIND开源论坛系统相关
  • phpyun
  • php主机产品
  • Pmwiki开源百科程序
  • SemCms开源程序
  • ShopEx网店程序_shopex模板教程_shopex虚拟主机空间
  • ShopNc开源商城系统教程_电子商务系统教程
  • Thinkphp中文WEB应用开发框架相关
  • thinksns全平台综合型社交系统
  • Typecho开源博客系统相关
  • WordPress博客中文教程_wordpress模板教程_wordpress虚拟主机空间
  • XOOPS内容管理系统(CMS)
  • YOUDIANCMS内容管理系统
  • zblog博客程序教程_zblog模版问题解决方法
  • Zen Cart开源商城系统相关
  • 主机环境配置相关
  • 其他资料
  • 域名相关
  • 安全资讯
  • 宏博cms企业系统相关
  • 帝国CMS教程_帝国CMS常见问题解决方法
  • 建站之星教程_建站之星程序常见问题解决方案
  • 无忧主机原创视频教程
  • 无忧主机用户部署安装网站
  • 无忧主机超级用户管理系统相关
  • 易企cms企业系统相关
  • 最土团购程序_最土团购程序模板教程_最土团购虚拟主机空间
  • 海盗云商系统
  • 网站SEO教程_SEO是什么?_SEO博客-无忧主机
  • 网站迁移和数据备份相关
  • 资源目录
  • 骑士cms_骑士人才系统教程
  • 怎么使让wordpress的图片以幻灯片的形式播放

    无忧主机的客户在使用WordPress制作企业网站的过程中,经常会因为要展示某个产品的细节效果图,而需要在产品详细页中插入多张图片。但是如果单纯的把图片一张张从上往下插入的话,对于用户的阅读体验而言可能会大打折扣。好在WordPress有很多功能插件,可以帮助我们很轻松的实现多样化的相册展示效果,今天无忧主机小编就来介绍一下如何利用插件实现产品缩略图幻灯展示。
    现在实现的结构就是大图下方有一系列的小图片,点击的时候进行幻灯切换,过度效果可以在插件中自行设置。在此我们需要用到两个插件,一个是大名鼎鼎的NextGEN Gallery,基本上推荐WordPress相册插件的文章都会提到它;第二个算是NextGEN Gallery的衍生产品,用于生成幻灯效果的JJ NextGen JQuery Slider插件。
    1、首先安装好这两个插件。先在NextGEN Gallery中创建一个Gallery相册图集比如名称为“demo”,并上传若干相应的图片,至于几张合适,就要视乎幻灯中大图的宽度能容纳多少张缩略图及间隙的宽度总和了。
    2、接下来我们记下这个Gallery相册的ID号,比如demo图集的ID号为8的话,那么我们就可以在产品介绍页面中插入以下JJ NextGen JQuery Slider的简码:
    [jj-ngg-jquery-slider gallery=”8″ width=”524″ height=”350″ controlnavthumbs=”nextgen_thumbs” thumbsheight=”40″ thumbswidth=”40″ thumbscontainerheight=”50″ thumbsgap=”10″ ]
    无忧主机小编大致的解释一下里面一些参数的意思:
    1.gallery:其值指的是此处应用幻灯效果的NGG相册ID号;
    2.width和height:幻灯中大图所占区域的尺寸;
    3.controlnavthumbs:以缩略图的形式进行幻灯导航切换控制;
    4.thumbsheight和thumbswidth:缩略图的尺寸;
    5.thumbscontainerheight:大图下方缩略图容器的高度,需要比缩略图本身高度大一点;
    6.thumbsgap:缩略图之间的间距,以px为单位;
    无忧主机小编温馨提示:
    JJ NextGen JQuery Slider插件的参数还有很多,有兴趣的朋友可以到插件官网主页进行深入了解,需要注意的是,为了效果上的整齐和美观,相关的图片尽量在上传到相册中之前,能把尺寸处理成一致。

    这样无忧主机小编就完成网站的装饰了,这样会使我们的网站更加客户体验度哟,反正无忧主机小编感觉网站比以前是更加的智能化了,如果有和无忧主机小编一起爱好的站长朋友就动起手来吧!

    本文地址:http://www.51php.com/wordpress/15721.html