Javascript php图像标题输出显示

我有一张图片，标题值如下：

图片标题：

title="sample"

示例代码：

<img src="images/bar_offpeak.jpg" class="usagegraphimage" id="ctl00_ctl00_contentDefault_contentControlPanel_totalusage" width="19" height="<?php echo "$bar" ?>%" title="<?php echo "$dailyuse" ?>GB" value="<?php echo "$dailyuse" ?>" alt="Click to view usage"/>

单击图像后，我希望图像下方有一个文本，显示图像标题。

如果需要：

单击图像后显示图像标题

在本例中，使用jquery使用javascipt可以实现这一点，前提是这有助于：

<div id="imgArea">
    <img src="http://www.google.co.uk/images/srpr/logo4w.png" title="The Image Title" id="imgToClick" />
    <div id="imgTitle"></div>
</div>
<script type="text/javascript">
$('#imgArea').delegate('#imgToClick','click',function(){
    var title = $(this).attr('title');
    $('#imgTitle').html(title);
});
</script>

---

jsfiddle:

你所说的“图像值”和“名称值”是什么意思？你以前试过几乎完全相同的问题，但因为没有意义，所以被记下来了。继续这样下去没有意义。您需要更改您所说的内容，因为没有人理解这一点。img标记没有值属性。对不起，我的错误，我指的是title@user2080473这将通过JavaScript实现。这与PHP完全无关。JavaScript是客户端。PHP是服务器端。单击事件是客户端事件，因此使用JavaScript而不是PHP。