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> 

你可以把任何你想要的錨定標記。