Question

我无法通过javascript中的一个thumbnailFilePath查看3个不同的背景图像.jpg文件。 HTML和CSS编码可以正确识别所有文件，但背景图像不会加载到浏览器中。因此，您无法查看这些图像。另一方面，浏览器确实能够正确识别javascript视频文本和play_icon.png图像文件。

// JavaScript Document
$(document).ready(function(){

  $('a.videoLink').each(function(){ 

    var thumbnailFilePath = 'video/'+$(this).attr('videofile')+'.jpg';
    var videoCaption = $(this).attr('videocaption');

    $(this).css('background-image','url('+thumbnailFilePath+')'); 
    $(this).html('<div class="caption">'+videoCaption+'</div><img src="../images/play_icon.png" class="play"/>');

  });

});

Answer 1

也许您的视频目录与此代码的javascript文件不在同一个目录中？否则在“视频”前面使用额外的斜杠，如果它在根目录中：

var thumbnailFilePath = '/video/'+$(this).attr('videofile')+'.jpg';

Answer 2

以下属性的价值是什么？

.attr('videofile')

你有没有注意文件扩展名？（也许结果是：myvideofile.mpg.jpg）

Answer 3

答案是我的.jpg文件必须与我的HTML源代码具有相同的文件名。 videofile =“bruce_waltke”必须具有相同的.jpg名称。所以我的.jpg文件名为bruce waltke.jpg，中间没有下划线。所以.jpg最初保存为bruce waltke.jpg但它现在保存为bruce_waltke.jpg ....因此图像文件被破坏但现在已修复。

无法加载资源错误

3 个答案: