Wordpress图片更改没有重新加载（ajax？）

Question

Wordpress版本：4.7
主题：埃洛斯

您好，

我目前正在使用Wordpress版本4.7（主题：Elos）中的新项目。现在我处于工人列出的部分，当你点击他们的字段时，图像应该改变（检查我的atachment）。我听说过ajax，但我不知道怎么做，我从来没有这样做过。

Example

我需要在不重新加载页面的情况下使其工作。

Answer 1

好的，所以如果主题没有开箱即用的功能，你需要制作一个子主题 - 如果只是加载你自己的javascript代码......

我看到了几种方法来解决这个问题，没有特别的顺序：

• 您可以在模板中输出两个图像，但是一个具有特殊CSS类的图像会在页面加载时隐藏它。然后使用javascript，您可以简单地隐藏可见图像，并显示隐藏的图像。
• 您可以输出具有特殊数据属性的图像（即“data-hover-image ='URL'”），并使用它来简单地用javascript交换图像的“src”属性。 （记得保留原始src值的副本，以便可以将其交换回来！）
• 最后，是的，你可以去ajax。老实说，尽管如此，我认为这有点过分：你将为你的ajax调用生成一个网络调用，它将返回新图像的URL。然后你会以某种方式在页面上安装它，这将生成第二个网络调用以获取图像本身...特别是如果这是用于mouseover / mouseout事件，它将不会成为一个很棒的经历。

如果您需要更多帮助来设置其中一种解决方案，请告诉我们......

希望这有帮助！