登录 注册

登录

问题 在joomla中实现动态布局效果_isotope

更多
2013年12月30日 22:17 #1 作者: windancer2003
很久没有来了,今天发布一个新开发的网站“ 罗式影音 ”。之所以发布它是因为其中大量使用了jQuery效果,并且多数效果并不是使用现存的joomla扩展实现的。而是自己添加进去的,对我来说是一个突破。



动态布局一段时间似乎很火,动态布局的joomla模板也时有发布。我个人一直喜欢templaza的几个动态布局的joomla模板。以下是其中一个案例 http://templaza.com/demo/j/digitalpixel/
仔细研究了它的模板后,发现他开发了一个文件系统(类似于K2),也就是说你要得到动态布局效果,必须使用它的文件系统。这是我无法接受的(起码暂时还没有汉化),我习惯在K2上做开发。于是自己动手在k2的基础上实现了动态布局的效果。 http://www.luoshiyingyin.com/cases.html
动态布局看似很神奇,其实得益于一个jQuery插件isotope。了解更多的isotope请点击http://isotope.metafizzy.co/。有兴趣的童鞋可以去研究一下。
网站所用的扩展
1、IOS Slider Module模块 首页幻灯片
2、K2
3、RSForm! Pro 组件 留言板
4、Maximenu CK 主菜
5、Akeeba 网站备份

工作室网站: http://iyieer.com
附件:

登录 或者   注册一个会员帐号 来参与讨论

更多
2013年12月31日 07:48 #2 作者: Joomla之门
网站很漂亮!

你说的“动态布局”是指 Responsive Layout 吗?如果是这个,那么一般称为“响应式布局”,Joomla 的 响应式模板 很多,你直接选用 JA 团队的模板 就可以立即获得响应式布局。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论

更多
2013年12月31日 09:27 - 2013年12月31日 09:45 #3 作者: 星仔码头
Rockettheme出品的 RokSprocket 的 Mosaic 模式同样具有相同的效果,更绝的是它是响应式设计,完美兼容手机,支持从 Joomla 各大知名组件提取内容,isotope貌似要自己动手改造呢。
刚看了下isotope,也支持响应式,嚯嚯嚯,好东西,感谢楼主推荐。

星仔码头-Joomla爱好者乐园
www.xingzai.org
最后修改: 2013年12月31日 09:45 由 星仔码头.

登录 或者   注册一个会员帐号 来参与讨论

更多
2013年12月31日 11:40 #4 作者: windancer2003
可能我用词不够准确。但这里所说的“动态布局”并不是指响应式设计。而是将某个分类的全部文章显示出来,通过点击分类标签,可以动态地过滤出该标签所文章(即只显该标签的文章),在这个过程伴随着漂亮的滑动动画。并且不需要重新读取服务器,而是通过客户端的js实现的。

工作室网站: http://iyieer.com

登录 或者   注册一个会员帐号 来参与讨论

更多
2013年12月31日 12:30 #5 作者: 星仔码头
嗯,网站很漂亮!

星仔码头-Joomla爱好者乐园
www.xingzai.org

登录 或者   注册一个会员帐号 来参与讨论

更多
2014年01月01日 09:59 #6 作者: Joomla之门
看了楼主的介绍,我才明白 Isotope 的功能。在 JED 看了一下,虽然有几个扩展都用了 Isotope 来展示产品/工程,但是基本上都是“模块”这种方式。我想,如果要展示大量产品,可能需要“组件”这种形式吧。

例如 WS Portfolio 就是基于 Isotope 开发的。它是收费软件。

星仔说的 RokSprocket 我刚刚看了一下,参数非常多!还没来得及仔细试用就被震撼了。打算抽空汉化一下。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论

更多
2014年01月02日 00:26 #7 作者: windancer2003
TZ Portfolio 组件也支持 Isotope。这是一个内容管理组件类似于K2。
响应式设计一直想尝试,但是一直在偷懒。要向各位好好学习。

工作室网站: http://iyieer.com

登录 或者   注册一个会员帐号 来参与讨论

更多
2014年01月02日 02:33 - 2014年01月02日 02:43 #8 作者: zoevy
楼主的意思是前端通过标签进行直接筛选。
最后修改: 2014年01月02日 02:43 由 zoevy.

登录 或者   注册一个会员帐号 来参与讨论

更多
2014年01月02日 10:08 #9 作者: Joomla之门
看了一下 TZ Portfolio,确实使用了 Isotope 。以前没关注过 Isotope,这两天看了这些例子,觉得是用来做产品展示(少量)不错的方法。

我正在汉化 TZ Portfolio 。它有一个功能是“首字母索引”,可以自动提取文章标题的首字母作为筛选条件。但是,这个“首字母”显然不支持中文字符。如果能支持中文就太好了。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论