0

フォルダーからjpg画像を取得し、JavaScriptを使用してページが読み込まれたときにそれをdivに入れようとしています。できればJQueryを使いたいです。これまでのところ、これは関数としてラップされた場合に機能し、その関数を呼び出すページ上のリンクを押しますが、リンクを押さなくてもページの準備ができたらすぐにロードしたいと思います

<dd>
<div id="videothumbnail{attach_row.ASSOC_INDEX}" name="videothumbnail{attach_row.ASSOC_INDEX}" id="videothumbnail{attach_row.ASSOC_INDEX}"></div><a href="javascript:insertvideothumbnail{attach_row.ASSOC_INDEX}()">View Thumbnail</a>
<a href="javascript:insertnewvideothumbnail('{attach_row.ASSOC_INDEX}')">View Thumbnail</a>
</dd>

<script>
// <![CDATA[
function insertvideothumbnail{attach_row.ASSOC_INDEX}(){
var code ="<img id=\"videothumbnail{attach_row.ASSOC_INDEX}\" src=\"{attach_row.VIDEOTHUMBNAIL}\" width=\"200px\" />";
document.getElementById("videothumbnail{attach_row.ASSOC_INDEX}").innerHTML = code;
}

// ]]>
</script>

また、ffmpegを使用してビデオからサムネイルを生成し、ユーザーがビデオを表現したいサムネイルを選択できるようにページに表示するスクリプトを知っている人はいますか？これが私が最終的に達成したいことです。

4

3 に答える 3

0

DOM ready次のように、jQuery を使用してコールバック関数をイベントにアタッチできます。

$(document).ready(function() {
    var code ="<img id=\"videothumbnail{attach_row.ASSOC_INDEX}\" src=\"{attach_row.VIDEOTHUMBNAIL}\" width=\"200px\" />";
    document.getElementById("videothumbnail{attach_row.ASSOC_INDEX}").innerHTML = code;
});
于 2012-06-06T13:35:30.400 に答える
0 
    $(document.ready(function(){
        $('videothumbnail{attach_row.ASSOC_INDEX}')
        .append('<img id="videothumbnail{attach_row.ASSOC_INDEX}" src="{attach_row.VIDEOTHUMBNAIL}" width="200px" />');
    }));
于 2012-06-06T13:46:11.453 に答える
0

ディレクトリをスキャンして、そのフォルダ内のすべての jpg 画像を一覧表示する場合は、次のスクリプト (images.php) を使用できます。

<?php
if ($handle = opendir('images/')) {
    while (false !== ($entry = readdir($handle))) {
        if (!in_array($entry, array(".", "..") && is_numeric(strpos(".jpg", $entry)))) {
            echo "<img src=\"$entry\" alt=\"\" />\n";
        }
    }
    closedir($handle);
}
?>

その後、この PHP から出力を取得し、jQuery AJAX を使用して DOM で更新します。

$.ajax({
    url: 'images.php',
    success: function(data) {
        $('.result').html(data);
    }
});

お役に立てれば。:)

于 2012-06-06T13:44:14.053 に答える