-4

タイトルの値が次のような画像があります。

画像のタイトル:

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

画像をクリックすると、画像の下に画像の「タイトル」を示すテキストが表示されます。

4

1 に答える 1

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/

于 2013-03-20T20:47:55.843 に答える