请教这两种图片处理效果怎样实现?

请教这两种图片处理效果怎样实现?
看代码好像是CSS+js实现的,请教一下。谢谢!网址及效果位置如下: solowheel.com.cn/orbit.html
已邀请:

妥协 - 不会轻易妥协的人不愿意将就的人任性自由的人总是活得比较累

赞同来自:

不管是你的截图,还是所给示范网页的真实效果,都看不出这个图片需要什么特殊代码。用 PS 平面设计技术就直接能做出这样的图片,有什么特别的地方吗?
如果我理解有误,请用文字详细解释你到底想要什么。

不是本人 - no no no!

赞同来自:

第一张图片,用鼠标拖着图片可以360度旋转。
第二张图片,拖动那一条白线,会有另一幅图片左右移动进行遮盖。
麻烦老师再看一下演示效果。谢谢!

不是本人 - no no no!

赞同来自:

你在第一次发帖的时候附上这些文字说明不就好了吗?根据你的补充说明,我才刚刚理解了问题所在。
通过查看页面源代码,可以确认那些效果是特殊的 JS 文件实现的。看该页面的 head 部分:




ORBIT环轨









不是本人 - no no no!

赞同来自:

今天碰到一个 Joomla 插件,可以用来实现你想要的第一种图片效果:360度自由旋转全景图。
插件名称叫 Turntable
,还是免费的。看看官方演示: http://techlister.com/jplugins/
只要你准备好全景图的关键帧图片(一般24张或者36张),用这个插件的标记代码很容易就实现360度全景:{ttbl}image/path/folder{/ttbl}

~~~~~~~~~ - 上帝给我的使命,就是证明你们都不是最糟糕的

赞同来自:

另一个同类插件
JLex 360 也能实现360度旋转全景图。这个看上去比前一个要更好,因为它没有显示播放按钮等,看起来界面更干净。

刘备曹操 - 古今多少事,都付谈笑中

赞同来自:

今天运气不错,第二种图片效果也有解决办法了:一款名为
Image Before/After 的 Joomla 模块(收费软件)可以实现,看看官方 demo 就马上能确定这一点: http://joomla30.webkul.com/ima ... .html
注意看官方演示图片上的拖曳手柄,用鼠标拖动,就能实现图片的“覆盖”与“揭露”。

3P网络 - 背着回忆的旅游人,即使是再细微的风景,也会留在心中的一个角落~

赞同来自:

找到一款免费的
Before/After 插件,功能一样。

要回复问题请先登录注册