将src属性替换为javascript– ；获取相对路径–；

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

不过我只需要在桌面上输入

这个项目在WordPress项目中，所以它是PHP。我的问题是，我似乎无法在

js

中使用干净的相对链接路径，也无法在本地和live之间使用各种场景

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

我真的不知道为什么这些都很重要——在

HTML

和

js文件之间，我的逻辑是我的js文件在根主题的js文件夹
js/scripts.js
中。图像位于
images
文件夹中–因此，从js中弹出，然后进入images
/images/image.png
，但这并没有给我正确的路径。
我想你应该使用“.”而不是“.”。如果你想在层次结构中上升一级：

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

“.”指当前工作目录

您可以尝试检索WP站点的URL，并将其存储在变量中，以便在构建图像URL时使用：
这将带我访问
mysite.com/images/images/images/image.png的更大版本，这将非常好，但不幸的是，该图像确实存在于
mysite.com/phoebe/wp-content/themes/theme-name/images/etc.。
啊，对不起，我错过了您实现的wp方面的更详细的细节。您可以尝试检索WP站点的URL并将其存储在变量中，以便在构建图像URL时使用。类似于此：这些都是很好的线索。到目前为止，他们还没有工作。我还有希望，明白了。我有一个混乱的网站，有多个标题，把它放在了错误的地方。将这个链接添加到你的答案中，我会标记它已解决。谢谢
var windowWidth = $(window).width();

if ( windowWidth > 1200 ) {

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

}

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