网格列中的动画元素

本教程包含使您能够在3列网格中显示图像和文本并为图像设置动画的代码。页面加载的图像在每个图像之间会延迟旋转，如下所示：

您可以使用本教程中的代码执行以下操作：

• 输出图像&使用PHP在列中的内容 创世纪钩
• 复制&将HTML粘贴到小部件区域
• 复制&将HTML粘贴到 古腾堡 块。

示范影片

在每页显示动画的页面加载有延迟。

使用创世纪样品进行测试&StudioPress的Parallax Pro子主题可在任何Genesis子主题中使用。

安装步骤

那里’s 2 + steps :

1. # 复制&将包含HTML的PHP​​代码粘贴到子主题函数文件的末尾，或粘贴到页面模板中。如果您想在小部件区域或块中使用HTML，请仅复制 load_animation 函数到函数文件的末尾，然后将HTML复制为 rt-container div 从animate_html函数的第二个代码段插入HTML小部件或代码块。

 


2. # 复制&将CSS从style.css文件粘贴到子主题样式表的末尾，并清除缓存。

 

Step 3 – Once you’安装代码后，您就可以换出HTML中图像的链接。

下载资料夹