Question

Basically, I am lazy and I just want jQuery to update my image URLs for me in my WordPress theme. On WordPress, normally you have to do this:

<img src="<?php bloginfo('template_url'); ?>/images/ect.png" alt="" />

But what I’m trying to do in jQuery is to get it to dynamically replace

<img src="images

with

<img src="<?php bloginfo('template_url'); ?>/images/

I want it to automatically determine the blog URL, I don’t want to have to set it manually if that makes sense. Should be easy for someone well versed in WP.

Any ideas?

Answer 1

@comment:

$('img').hide();

$('img').each(function(index){
  $(this).attr('src', 'http://your-url'+$(this).attr('src')).fadeIn('slow');
});

You can use any number, 1000 for instance, instead of 'slow' ( 'slow' means 600 mSeconds long )

$(this).attr('src', 'http://your-url'+$(this).attr('src')).fadeIn(1000);