免费jquery和js幻灯片相册制作软件:WOW Slider轻松做漂亮相册

免费软件   2011年11月08日 22:26  

免费jquery和js幻灯片相册制作软件:WOW Slider轻松做漂亮相册

一般地在首页或者一些重要的页面放上一个幻灯片,用来展示图片,突出重点,不仅美观大方,而且用户看了之后也会觉得赏心悦目,从产生了继续阅读博客或者网站的内容的兴趣。

放上一个幻灯片,一般分为分类:Flash类和js幻灯片。Flash有专门的制作软件,网上也有不少的一键生成工具,但是搜索引擎不建议用它,应该Flash和图像一样,无法被搜索引擎正确地识别出来。

另一种就是用js做成幻灯片相册,虽然JS相对于文字来说依然对搜索引擎的SEO不是很友好,但是相对于使用Flash还是好的。所以现在博客或者网站大量采用JS做成的图片幻灯片相册。

学好和用好JS也不是一件容易的事情,但是这个世界就是有一些捷径可以让我们利用。今天免费资源部落为大家推荐的这款免费图像软件WOW Slider,可以帮助我们快速生成免费jquery和js幻灯片相册,Javascript白痴也可以完成。

WOW Slider是一款免费Javascript幻灯片制作工具,它以向导的形式,让你无需明白JS代码,只需拖进几张图片到WOW Slider软件窗口,简单设置一下尺寸、过渡效果等,点击发布即可,软件自动生成网页及JS,并会立即在浏览器中打开查看效果。

还有一些傻瓜式的建站工具,小工具大作用:

免费jquery和js幻灯片相册制作软件:WOW Slider轻松做漂亮相册

一、下载和安装WOW Slider

1、 WOW Slider 是一款免费软件,有简体中文,大小只有12.3MB,这里是WOW Slider 下载地址。官方网站:https://www.wowslider.com/

二、WOW Slider制作jquery和js幻灯片相册

1、首先是启动WOW Slider,然后将语言设置成为中文,接下你可以从网络相册或者本地添加图片,用来制作相册,如下图:

:WOW Slider启动运行

2、然后点击相册属性,可以设置相册大小、自动播放、显示描述等,如下图:

:WOW Slider相册属性

3、点击“图片”可以相册的切换效果、相册大小、图像比例等等,如下图(图片是缩略图,点击还原放大):

:WOW Slider图片设置

4、接下来就是发布了,可以发布到文件夹、FTP服务器上、Joomla、和Wordpress边栏模式,如下图(图片是缩略图,点击还原放大):

:WOW Slider发布图片相册

三、在网站博客中使用WOW Slider

1、Wordpress篇。如果你用的是Wordpress,那么好办了,WOW Slider在发布中已经提供了Wordpress相册输入模式了。先在发布中将相册以Wordpress的模式输出。

2、然后到你的Wordpress后台安装好WOW Slider插件,你可以在后台搜索得到,也可以直接到官方网站下载:https://wordpress.org/extend/plugins/wow-slider-wordpress-image-slider-plugin/

3、安装好WOW Slider插件后,在后台点击插件,就可以直接上传你用WOW Slider软件制作成的幻灯片包了,如下图(图片是缩略图,点击还原放大):

WOW Slider上传相册

4、上传完WOW Slider软件制作成的幻灯片包后,你会得Slider added! To add it on the page use the shortcode: [wowslider id="3"]’这样的。这时候打开你想要插入的文章。

5、换到Html,填写[wowslider id="3"]这个调用代码就行了。如下图(图片是缩略图,点击还原放大):

WOW Slider编辑调用

6、一般网页篇。在发布中选择“本地文件夹”,然后将生成的文件和文件夹上传到你的网站服务器上,可以用浏览器直接打开访问就行了。

7、在别的网页中,最简单的方法就是用iframe调用了,格式如下:

  • <iframe height="344" border="0" src="https://www.freehao123.info/yanshi/slider/index.html" frameborder="no" width="600" allowtransparency="" scrolling="no"></iframe>

8、既然WOW Slider生成的是JS和jquery,那么应该可以从生成的幻灯片中提取到JS和jquery文件,然后自己修改图片,实现自定义幻灯片相册。本来还想要继续探讨下去,不过自从昨天发生了免费空间问题不愉快的事情,想想也就算了。再说文章太长了也不好。

四、WOW Slider小结

1、WOW Slider一键生成的相册不是Flash,而是由JS构成的,所以如果你需要在博客网站上放一个漂亮的展示区域,可以方便调用。

2、关于WOW Slider生成的JS和jquery,我们可以用它们制作自己的JS幻灯片相册,因为WOW Slider免费版本有水印。

文章出自:免费资源部落 https://www.freehao123.com/ 版权所有。本站文章除注明出处外,皆为作者原创文章,可自由引用,但请注明来源。 禁止全文转载。

您或许对下面这些文章有兴趣:                    本月吐槽辛苦排行榜

在这个部落村庄里,已经有22 位神马家族成员冒出泡来在农场开始干活了
  • xzymoe 10

    很不错的东西 就是不敢安装插件了 我已经安装了太多的插件 呵呵

    这是农场的第 1 块农田,部落批准 [xzymoe] 在[2011-11-8 22:58]开垦完成.
  • 虽然

    这个WOW Slider居然可以制作JS幻灯片效果,很厉害。对于JS等什么都不懂的,这个软件可以满足需要了。

    这是农场的第 2 块农田,部落批准 [虽然] 在[2011-11-9 09:39]开垦完成.
  • 再出发

    博主要是可以告诉我如何从这个软件生成的文件当中提取JS就好了。

    qi 回复:

    呵呵,正在研究当中

    Dahai 回复:

    发布成文件后,直接就能看到js代码了,主要是看看index.html就明白了,然后就可以自己用了.

    qi 回复:

    是的,使用起来比较简单。

    这是农场的第 3 块农田,部落批准 [再出发] 在[2011-11-9 09:43]开垦完成.
  • 粉碎

    博主每次的演示都很给力,这样的软件适合新手吧。

    这是农场的第 4 块农田,部落批准 [粉碎] 在[2011-11-9 12:14]开垦完成.
  • 并vnsj

    待会就去试试,这个软件好。

    这是农场的第 5 块农田,部落批准 [并vnsj] 在[2011-11-9 13:27]开垦完成.
  • NUbe

    为什么这个软件是英文的?我不会用。

    qi 回复:

    这个软件已经自带了中文

    这是农场的第 6 块农田,部落批准 [NUbe] 在[2011-11-9 14:14]开垦完成.
  • bonuw

    其实WOW Slider也可以用作制作电子相册的软件吧。制作好了直接点击打开就行了。

    这是农场的第 7 块农田,部落批准 [bonuw] 在[2011-11-9 18:34]开垦完成.
  • 掌上电脑

    WOW Slider做好的相册是不是可以直接在网页中使用了?

    qi 回复:

    是的,直接可以使用。

    这是农场的第 8 块农田,部落批准 [掌上电脑] 在[2011-11-9 18:48]开垦完成.
  • 第七星尘 2

    准备试用一下。不过要想办法去掉水印才行。有水印的话,就没用的必要了。

    qi 回复:

    水印我也不知道它是怎么加上去的。看了html源代码也没有找到。那应该是JS文件当中。

    这是农场的第 9 块农田,部落批准 [第七星尘] 在[2011-11-13 00:09]开垦完成.
  • 自由在线 1

    不错,支持了。 问下那个下载页面是怎么弄的,是自己新建一个页面还是用插件自动生成的?

    qi 回复:

    是用Wordpress的新建页面做成的。模板就自定义模板。

    这是农场的第 10 块农田,部落批准 [自由在线] 在[2012-2-23 12:59]开垦完成.
  • :arrow: 水印很烦啊。。

    qi 回复:

    @多, 免费的无法去掉。

    这是农场的第 11 块农田,部落批准 [多] 在[2012-11-7 15:44]开垦完成.
  • hao

    去水印的方法研究出来了吗?

    这是农场的第 12 块农田,部落批准 [hao] 在[2013-9-29 15:37]开垦完成.
  • xia

    在手机上使用时,圆点不见了怎么弄

    qi 回复:

    @xia, 可能是不被手机支持。

    这是农场的第 13 块农田,部落批准 [xia] 在[2015-8-10 18:42]开垦完成.
看贴要回贴有N种理由!看帖不回贴的后果你懂得的!


评论内容 (*必填):
(Ctrl + Enter提交)   

部落快速搜索栏

各类专题梳理

网站导航栏

X

返回顶部