如何将图像悬停在另一个图像上并将其导出为图像

时间:2016-11-11 19:31:21

标签: php html onmouseover

好的,我有一个问题。首先让我发布这个:

<a href="#"><img src="http://i.imgur.com/ZRjnZlR.png" onmouseover="this.src='http://i.imgur.com/GPI0JA5.png'" onmouseout="this.src='http://i.imgur.com/ZRjnZlR.png'" /></a>

这是一个悬停图片的HTML代码。这是完美的,唯一的问题是我不需要它作为HTML代码,但我想把它变成一个PHP文件,因为我在一个不允许HTML的论坛。

那么,我如何将该html代码转换为php,将结果结果转换为png文件,使其看起来像this,结果不是this

请记住,我将使用bbcode将鼠标悬停显示为图像。

按导出图片,我的意思是header("Content-Type: image/png");

1 个答案:

答案 0 :(得分:0)

只需创建一个“.php”文件并在php代码中回显html代码:

<?php
    $img_src = 'http://i.imgur.com/ZRjnZlR.png';
    $mouseover_src = 'http://i.imgur.com/GPI0JA5.png';
    echo('<a href="#"><img src="' . $img_src .
        '" onmouseover="this.src=\'' . $mouseover_src . 
        '\'" onmouseout="this.src=\'' . $img_src . '\'" /></a>');

?>

修改

您可以使用PHP“header()”函数设置标题,如下所示:

header('Content-Type: image/png');