移动方向变化的不同图像

此下载文件夹中的解决方案使您可以删除默认桌面背景图像并用其他图像替换为移动屏幕。

您不仅可以在移动设备上更改图像（在任何屏幕宽度）上，还可以使用2个不同的图像，专门为肖像和1个尺寸为大小，这是横向方向的不同尺寸。

三星Galaxy的屏幕截图。

在这种情况下，前面的图像1小部件背景在800px中更改为大约同一时间，即Genesis响应菜单激活。

演示视频 #

显示 mobile.jpg. 图像更换默认值 BG-1.PNG. Infinity Pro的移动屏幕前面的桌面图像。

使用StudioPress使用Infinity Pro子主题测试但是解决方案可以通过在jQuery中的CSS选择器和类上交换来用于其他Genesis儿童主题。

这个解决方案也已经使用肖像测试&在三星galaxy的风景。

那里’s 3 steps :

步骤1– 上传 mobile.js. 文件到Infinity Pro主题根目录。

第2步– 将以下行PHP代码添加到Infinity Pro主题的第25行 Front-Page.php. file.


wp_enqueue_script( 'infinity-mobile-image', get_stylesheet_directory_uri() . '/mobile.js', array( 'jquery' ), '1.0.0' );

一旦添加代码，该文件应该如此如此。