PHP随机图像与链接 - 如何添加文本/标题?

时间:2012-10-15 10:34:55

标签: php html image random hyperlink

<?php
// Random Image With Link
// https://getbutterfly.com/
//
// Usage:
//
// Save this file as ads.php and use the include function to call it inside your web site

function display_random_img($array) {
    $key = rand(0 , count($array) -1);
    $link_url = $array[$key]['url'];
    $alt_tag = $array[$key]['alt'];
    $random_img_url = $array[$key]['img_url'];
    list($img_width, $img_height) = getimagesize($random_img_url);
    return "<a href=\"$link_url\"><img src=\"$random_img_url\" width=\"$img_width\" height=\"$img_height\" alt=\"$alt_tag\" /></a>";
}

// Edit the following values accordingly
$ads_array = array(
    array(
        'url' => 'http://www.google.com/',
        'alt' => 'Google',
        'img_url' => 'images/1.png'
    ),
    array(
        'url' => 'http://www.yahoo.com/',
        'alt' => 'Yahoo!',
        'img_url' => 'images/2.png'
    ),
    array(
        'url' => 'http://www.msn.com/',
        'alt' => 'MSN',
        'img_url' => 'images/3.png'
    )
);
$ads_array_1 = array( // add or remove accordingly
    array(
        'url' => 'http://www.google.com/',
        'alt' => 'Google',
        'img_url' => 'images/1.png'
    ),
    array(
        'url' => 'http://www.yahoo.com/',
        'alt' => 'Yahoo!',
        'img_url' => 'images/2.png'
    ),
    array(
        'url' => 'http://www.msn.com/',
        'alt' => 'MSN',
        'img_url' => 'images/3.png'
    )
);

echo display_random_img($ads_array);
echo display_random_img($ads_array_1); // add or remove accordingly
?>

在互联网上搜索可行的PHP数组随机函数功能时,这就是我最终的结果。它工作得很好,有url,alt,img_url。 我不知道如何在图片上显示显示文字

2 个答案:

答案 0 :(得分:0)

我假设您的意思是悬停文字...将图片标记的标题设置为您想要显示的文字

例如:

<img title="some hover text" ...

为了顺利地解决这个问题,你只需要为数组中的每个项添加一个'title'元素。

如果第一个假设是错误的,你想要做的是显示一些文字和图像做类似的事情:

<a href=...>
    <img .../>
    some text or html
</a>

您可以将任何想要的东西放在锚标记内。

答案 1 :(得分:0)

简单:

1)向数组添加标题:

array(
    'url' => 'http://www.google.com/',
    'alt' => 'Google',
    'img_url' => 'images/1.png',
    'title' => 'Google Title'
),

2)用

替换你的功能
function display_random_img($array) {
    $key = rand(0 , count($array) -1);
    $link_url = $array[$key]['url'];
    $alt_tag = $array[$key]['alt'];
    $random_img_url = $array[$key]['img_url'];
    $title = $array[$key]['title'];
    list($img_width, $img_height) = getimagesize($random_img_url);
    return "<a href=\"$link_url\"><img src=\"$random_img_url\" width=\"$img_width\" height=\"$img_height\" alt=\"$alt_tag\" title=\"$title\" /></a>";
}

如果您希望您的标题位于图片旁边或其他任何位置,只需在html中进行相关更正:

return "$title : <a href=\"$link_url\"><img src=\"$random_img_url\" width=\"$img_width\" height=\"$img_height\" alt=\"$alt_tag\" title=\"$title\" /></a>";