首页>资讯中心 > 摄影心得 > 正文
如何将特爱秀360度展示作品植入网页中?
时间:2018-07-17 09:44:44来源:
        如何将特爱秀全景作品植入网站中?现在介绍给大家一种通用的方法——Iframe嵌入法。 首先介绍什么为Iframe,度娘一下,得到以下解释:


 




 
        好了以上解释那么多,简单来说输入以下代码即可。

        “ <iframe src=”您的作品url” scrolling=”no” frameborder=”0″ width=”100%” height=”100%”></iframe> ”  width 和height 的值可以为百分比也可为px,根据实际页面情况来设定大小即可。

        您的作品iframe或者可以直接用奥视景云平台的作品url 例如:http://yun.seka-image.cn/portal/show.do?id=f8cc72a75b5faedc015bfbe55880002a(登录http://yun.seka-image.cn,然后进入作品管理,选择复制iframe即可 )或者 将您通过特爱秀全景自动成像系统获取的本地“H5展示”文件通过ftp上传到您的服务器,然后获取iframe链接。

        好了,那么接下来:

        ① 大多数的网页来讲,直接在<div>  </div>之间插入代码“<iframe src="http://yun.seka-image.cn/portal/iframe.do?id=f8cc72a75b5faedc015bfbe55880002a" width="640px" height="480px" frameborder="0"></iframe>”即可,

        ②对于有些平台的详情页编辑界面的情形,如下:

 
        我们点击 Html按钮,进入代码编辑模式,然后直接输入:<iframe src="http://yun.seka-image.cn/portal/iframe.do?id=f8cc72a75b5faedc015bfbe55880002a" width="640px" height="480px" frameborder="0"></iframe>,如下图:


        然后在点击html按钮,这样就可以浏览显示效果,如果更换内容或调整设置值,那么在此点击html按钮切换成代码模式即可。

        以上展示效果如下图:

 
        小提示: 特爱秀云展示平台为了适应上述第②种情形,我们已经给大家提供了通用的嵌入代码: 只需登录云展示平台,进入作品管理,鼠标移入作品缩略图上,点击复制iframe按钮,如下图:

 
        植入以上代码的效果如下:

 
        温馨提示:由于各个平台的差异,我们不能保证代码完全适配,请根据实际预览效果进行参数的调整,一般调整width  和 height 的值即可达到最佳效果。



        好了,以上iframe基本通用的植入方法,请大家亲自试一下,相信您能够快速将特爱秀摄影的作品植入您的网站中

上一篇:除了用光技巧,也要学会阴影在摄影中的 5 大作用

下一篇:最后一页