Home/ Questions/Q 5971133
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T20:28:28+00:00

I have the following script: $(document).ready(function() { $(‘#slideSelect’).change(function(){ $(‘#slideViewer img’).attr(‘src’, $(this).val() + ‘.png’); });

  • 0

I have the following script:

$(document).ready(function() {
  $('#slideSelect').change(function(){
    $('#slideViewer img').attr('src', $(this).val() + '.png');
  });
});

I’d like to know how the best way to add a WordPress Template Tag is to the #slideViewer img section.

The template tag is: 

<?php bloginfo('template_directory); ?>/builderimages/

Basically I want to end with:

$('#slideViewer img').attr('src', TEMPLATE TAG HERE + $(this.val() + '.png');
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You could try this:

    var IMG_DIR = '<?php bloginfo('template_directory');?>/builderimages/';

// And then, later on...
$('#slideViewer img').attr('src', IMG_DIR + $(this).val() + '.png');

    This should work as long as the file with the var IMG_DIR part is being processed by PHP/WordPress. If necessary, you could put that in a <script> in your template’s <head> section so that it will be visible everywhere.

    • 0