用javascript替换src属性 - 获取相对路径 -

Question

我必须在网站上使用1.5mb .png。别无选择。

我只需要在桌面上使用。

这个项目在WordPress项目中，所以它是PHP。我的问题是，我无法在js中找到一个干净的相对链接路径以及我在本地和现场之间进行的各种场景。

PHP

<img src="<?php bloginfo('template_directory'); ?>/images/smaller-version-of-image" alt="yeah">

的jQuery

var windowWidth = $(window).width();

if ( windowWidth > 1200 ) {

    $('#flare01 img').attr('src','./images/larger-version-of-image.png');

}

有几个因素。本地WP安装在根目录中。实时WP安装位于子文件夹中，但将其设置为根目录。 - 这是WordPress的特定部分。该网站指向mysite.com - 但WP位于mysite.com/phoebe

我真的不知道为什么其中任何一个应该重要 - 在HTML和js file之间我的逻辑是我的js文件位于js文件夹js/scripts.js中根主题。图像位于images文件夹中 - 因此，弹出的js，然后进入图像./images/image.png，但这并没有给我正确的路径。

Answer 1

我认为你想使用＆＃34; ..＆＃34;而不是＆＃34;。＆＃34;如果你想在层次结构中升级一级：

$('#flare01 img').attr('src','../images/larger-version-of-image.png');

＆＃34;＆＃34;是指当前的工作目录。

您可以尝试检索WP网站的网址并存储在变量中，以便在构建图片网址时使用，具体内容如下：WordPress path url in js script file