1 
<?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があります。画像の上/上にテキストを表示する方法がわかりませんか？

4

2 に答える 2

0

ホバーテキストを意味していると思います...画像タグのタイトルを表示したいテキストに設定します

例えば：

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

これをスムーズに実行するには、配列内の各アイテムに「title」要素を追加する必要があります。

その最初の仮定が間違っていて、画像と一緒にテキストを表示したい場合は、次のようにします。

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

アンカータグの中に好きなものを入れることができます。

于 2012-10-15T10:39:16.577 に答える
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>";
于 2012-10-15T10:42:18.607 に答える