большая проблема с javascript

У меня есть некоторые js-скрипты, которые работают на моем сайте, но я обнаружил, что некоторые из изображений не отображаются. У меня только проблема с WordPress. Поэтому у меня есть кнопка паузы, которая показывает, как это должно быть. Когда вы нажимаете кнопку, она приостанавливает сценарий, как и предполагалось. Когда это произойдет, новое изображение добавляется, чтобы заменить кнопку паузы. Изображение будет вставлено на страницу. Так выглядит, когда он играет

<img id="pauseplay" src="http://img.wordpressask.com/images/pause.png" alt=""> 

Когда я нажимаю кнопку паузы, она изменяется на это

  <img id="pauseplay" src="images/play.png" alt=""> 

очевидно, это проблема с абсолютными относительными ссылками, но я не знаю, как это исправить. Почему в WordPress не работают относительные ссылки?

Относительные URL-адреса прекрасно работают в WordPress, что является причиной ваших неудач. В общем, никогда не используйте относительные URL-адреса для ресурсов, поскольку они, скорее всего, не удастся, если сайт использует «довольно постоянные ссылки».

Лучше всего то, что вы делаете, – «группировать» графические ресурсы и стиль в CSS (в которых ресурсы относятся к CSS-файлу, а не к URL-адресу HTML).

Альтернативой JS является сохранение корня сайта / темы / плагина в переменной JS и использование его для создания URL-адреса. Следующим кодом является учет root сайта, но, скорее всего, вам понадобится тема или корневой модуль.

 <script> var homeurl = '<?php echo home_url()?>'; ..... pauseImage = homeurl+"images/play.png"; // url to your play image </script> 

попробуйте обратную косую черту '/' перед 'images / play.png'

поэтому URL-адрес будет выглядеть так: '/images/play.png'

(если ваш каталог изображений находится в корневом каталоге вашего сайта)