428421 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

プログラミング好きなきょうゆうくんのブログ

プログラミング好きなきょうゆうくんのブログ

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! --/--
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x

PR

プロフィール

きょうゆうくん

きょうゆうくん

カレンダー

バックナンバー

カテゴリ

日記/記事の投稿

コメント新着

コメントに書き込みはありません。

キーワードサーチ

▼キーワード検索

2024.02.27
XML
カテゴリ:php
JavaScriptだけではリストは取れないので
phpからjavascriptへ画像リストを送る。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>


<?php
$files = glob('../jpg/*.jpg');
echo '<ul>';
echo '<img id = "pic" src = ""  width = 30% height = 30%  >';
echo '<script>';
echo 'const img = [';

    foreach ($files as $key => $value) {
        echo '"'.$value.'",';
    }

    echo '];';
    echo 'let count = -1;';
    echo 'jpgChange();';
    echo 'function jpgChange()';
    echo '{';
        echo 'count++;';
        echo 'if (count == img.length) count = 0;';
        echo 'pic.src = img[count];';
        echo 'setTimeout("jpgChange()",1000);';
        echo '}';
        echo '</script>';
        echo '</ul>';

?>
</body>
</html>


実験サイト





お気に入りの記事を「いいね!」で応援しよう

最終更新日  2024.04.09 07:06:58
コメント(0) | コメントを書く


フリーページ

サイド自由欄


© Rakuten Group, Inc.