[wordpress插件] 360 Photo Spheres360度全景

wordpress 插件 文章 2020-01-21 13:20 664 0 全屏看文

AI助手支持GPT4.0

评分

100

100

描述

This plugin was created by 360Production.Services to display 360 photos in a simple but interesting way.

此插件是由 360Production.Services 创建的,用于以简单但有趣的方式显示360张照片。

The plugin is designed to be simple to load and use and allows multiple spheres containing 360 equirectangular photographs to be displayed on each page.

该插件的设计易于加载和使用,并允许在每个页面上显示包含360张等矩形照片的多个球体。

Thank you to CssAnimation.Rocks for this sphere CSS tutorial!

感谢CssAnimation。此球CSS教程的岩石!!

ToDo

待办事项

    • click and drag to change image direction.
    • 单击并拖动以更改图像方向。

    • shadow around image to create more of a globe effect.
    • 阴影围绕图像以创建更多的地球效果。

    • shadow below image to create a floating effect.
    • 在图像下方阴影以创建浮动效果。

安装步骤

    1. Upload the plugin files to the /wp-content/plugins/360-sphere-images directory, or install the plugin through the WordPress plugins screen directly.
    2. 将插件文件上传到 / wp-content / plugins / 360-sphere-images 目录,或直接通过WordPress插件屏幕安装插件。

    3. Activate the plugin through the ‘Plugins’ screen in WordPress
    4. 通过WordPress中的“插件”屏幕激活插件

    Upload an equirectangular 360 image to your Media Library and copy the URL for the uploaded image.

    将等角360度图像上传到媒体库,然后复制上传图像的URL。

    Insert a simple sphere into a post or page using the following shortcode:

    使用以下短代码将简单的球形插入帖子或页面中:

    [sphere size="300" url="Your 360 Image URL"]

      [sphere size =“ 300” url =“您的360图片网址”]

    Typically you want the height of your 360 image to be the same size as your sphere for faster image loading.

    通常,您希望360度图像的高度与球体大小相同,以便更快地加载图像。

    If you are using a 300px sphere you will want your equirectangular image to be 600px x 300px for optimal loading.

    如果您使用300px的球体,则您希望等角矩形图像的大小为600px x 300px,以实现最佳加载效果。

    360 images should be in a 2:1 ratio and stitch smoothly on both sides for best results.

    360幅图像应以2:1的比例并在两面平滑拼接以达到最佳效果。

    Using an image that fits your sphere size will ensure faster page loading time.

    使用适合您球体尺寸的图像可以确保更快的页面加载时间。

    Further customization comes with Speed, Direction, Hover, and Title Options:

    进一步的自定义附带速度,方向,悬停和标题选项:

    [sphere size="300" url="Your 360 Image URL" speed="30" direction="right" hover="pause" Title="360 Photo Spheres"]

      [sphere size =“ 300” url =“您的360 Image URL” speed =“ 30” direction =“右” hover =“暂停” Title =“ 360 Photo Spheres”]

    To link to another page:

    链接到另一个页面:

    [sphere size="300" url="Your 360 Image URL" link="target link"]

      [sphere size =“ 300” url =“您的360图片网址” link =“目标链接”]

    To use PopUp: The ‘popup’ parameter works with the ‘link’ parameter when the pop-up has a value, the external link no longer functions

    要使用PopUp:当弹出式窗口具有值时,“ popup”参数与“ link”参数一起使用,外部链接不再起作用

    All link parameters are designed to make embedding popups for those platforms easier.

    所有链接参数的设计都是为了简化这些平台的嵌入弹出窗口。

    Copy the src value from "}]; jQuery(function(){ $("#article_content").find("a").each(function(){ var url = $(this).attr("href"); for(var i=0;i"+c+"

    "); } } }) })