PHP包含链接的随机图像 - 如何添加文本/标题？

Question

<?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数组randomizer函数，这是我结束了。它完美的工作，有url，alt，img_url。 我不知道如何显示文字 over /的图片？

Answer 1

简单：

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

Answer 2

我假设你的意思悬停文字...你的形象标签的标题设置为你想要的文字显示

如：

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

为了顺利地退出这个功能，你会只需要为数组中的每个项目添加一个'标题'元素。

如果第一个假设是错误的，你想要做的是显示一些文本与图像一起做这样的事情：

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

你可以把任何你想要的锚定标记。