Home/ Questions/Q 8798343
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T00:04:38+00:00

I have a loading gif for the gallery on my website. In my js

  • 0

I have a loading gif for the gallery on my website. In my js file I have this code to show the loader:

image: $("<img src='images/loading.gif'/>"),

Currently this the image isn’t appearing because I haven’t put the full image path. But instead of putting the full image path, I would prefer to do this:

<img src="<?php bloginfo('url');?>/images/loading.gif”>

But I can’t work out how to make this php work in my js file. How do I go about doing it in the easiest way?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I prefer to..

    1) In my header include (the php include that contains any <head> data), write a small
    inline JS function that creates a global object containing any variables I need from the server (PHP). I can use the ‘echo’ and ‘json_encode’ functions here because its in an inline JS snippet in a php file.

    2) You could write a JS function inside your JS file that uses AJAX to call a PHP file, which will return the same JSON encoded data as number 1, then you parse it and assign in to a global variable.

    Both essentially do the same thing, except with 2 you are using AJAX, which will add an additional request. I prefer option 1, because it is done along with the pages execution. Option 2 may require you to wait until the DOM is ready, depending on various aspects of your program (in which I can not tell).

    Option 1 requires inline JS, but you really shouldn’t harp on this, as with dynamic websites it can actually be a plus, as along as it is short and concise. Some people get on others about inline JS. Don’t let them yell at you.

    • 0