大同游戏

大同游戏>资讯中心 > 摄影心得 > 正文
如何将360度产品展示作品植入网页中
时间:2018-12-21 15:23:26来源:
       如何将特爱秀全景展示作品植入网站中?现在介绍给大家一种通用的方法——Iframe嵌入法。 我们的云展示平台:http://yun.seka-image.cn/index.do 可直接生成获取iframe链接。

       首先介绍什么是Iframe,度娘一下,得到以下解释:
IFRAME是HTML标签,作用是文档中的文档,或者浮动的框架(FRAME)。iframe元素会创建包含另外一个文档的内联框架(即行内框架)。



 
       以上解释了那么多,简单来说,输入以下代码即可:
“<iframe frameborder="”0″" height="”100%”" scrolling="”no”" src="”您的作品url”" width="”100%”"></iframe>”  width 和height 的值可以为百分比也可为px,根据实际页面情况来设定大小即可。
       您的作品url可以直接用特爱秀云展示平台的作品url 例如:http:// http://yun.seka-image.cn/portal/iframe.do?id=f8cc72a759ba1aa80159baec88fa0009(登录 然后进入作品管理,选择获取url 即可 )或者 将您通过特爱秀全景自动成像软件导出的本地“H5展示”文件通过ftp上传到您的服务器,然后获取完整url。


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


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

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

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

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

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

上一篇:选择“全幅”还是“截幅” 这些原因值得了解一下

下一篇:最后一页