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

You can attach a callback function to the DOM ready event using jQuery like so:

$(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

如果要扫描目录并列出该文件夹中的所有 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 回答
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 回答