如何在循环中为图像添加不同的“标题”标签？

Question

I'm trying to add the post title as a title tag to an image ( that is actually a custom field). I tried using each() function with no success, but maybe the solution will come from php ? This is one of the things i tried:

$('.front a img').each(function(){
var frontvalue = '<?php the_title_attribute(); ?>';
$(this).attr('title',frontvalue);
});

Thanks in advance !

Answer 1

Inside the loop you can do:

<img src="image.jpg" alt="<?php echo get_the_title();?>">

or with custom field:

<img src="<?php echo get_post_meta(get_the_ID(), "yourCustomFieldName", true);?>" alt="<?php the_title();?>">

---

In your specific case, you could remove the last closing bracket and then append the alt property:

<?php
$From = substr(trim($From),0,-1);        //cut the last char
$From .= ' alt="'.get_the_title().'">';  //append the title
?>

Or even better, extract the url if it's an old type custom field, but don't touch the new type custom fields (which are just the url)

if(substr(trim($From),0,5) == '<img '){  //is this an img tag i see?
  $boom = explode('"', $From, 3);        //it is, aim for the quotes
  $From = $boom[1];                      //salvage the url
}

and then rebuild your img tag from there. You might wanna read up on explode() if the old format is different from:

<img src="xxxxxx">