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/

php图像标题输出显示

1 个答案: