javascript - php图片标题输出显示

Question

我有一个图像，其中标题值如下：

图片标题：

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"/>

单击图像后，我希望在图像下方显示图像“标题”的文本。

Answer 1

如果你想：

单击图像后显示图像“标题”

如果有帮助，可以使用 javascipt（在本例中使用 jquery）来实现：

<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：http: //jsfiddle.net/rLTac/