jQuery/javaScript : images don't load
jQuery/javaScript : images don't load
我有以下代码:
all_images = new Array(Array);
$.get('../dotclear-files/themes/biblio/js/dynamic_ajax_php.php', function(data) {
var w = 0;
$(data).find('image').each(function() {
if (!all_images[w]) all_images[w] = new Array();
all_images[w]['url'] = $(this).find('url').text() + '#comments';
all_images[w]['src'] = $(this).find('src').text();
all_images[w]['title'] = $(this).find('title').text();
all_images[w]['width'] = $(this).find('width').text();
all_images[w]['height'] = $(this).find('height').text();
w = w + 1;
});
$("#carousel-comments").append('<ul></ul>');
for (x=0; x<3; x++) {
$('#carousel-comments ul')
.append('<li>')
.append('<a href="' + all_images[x]['url'] + '#comments" title="' + all_images[x]['title'] + '">')
.append('<img alt="' + all_images[x]['title'] + '" class="jcarousel-img jcarousel-img-' + x + '" width="' + all_images[x]['width'] + 'px" height="' + all_images[x]['width'] +'px" />')
.append('</a>')
.append('</li>');
var img = new Image();
$(img)
.load(function() {
$('.jcarousel-img-' + x)
.attr({'src': all_images[x]['src'], 'alt': all_images[x]['title']})
.fadeIn();
})
.attr('src', all_images[x]['src']);
}
$('#carousel-comments').jcarousel('reload');
}, 'xml');
这段代码的第一部分从PHP脚本加载图像,该脚本返回一个XML文件。这部分工作正常。
问题来自第二部分:$(img).load(...)
它从不显示我的图像。
这可以在我的测试页面上看到:这是第三个旋转木马,标题为"C'est vous qui le dites!"我们可以看到图像的标题显示。。。但是图像本身并没有被加载。
我做错了什么?
谢谢你的帮助!
我认为您必须将<img>
附加到转盘中。
$(img).appendTo($("#carousel-comments"));
或者类似的东西。
评论交换后编辑:
LI
中的元素<IMG>
与var img = new Image
不同。然后试试这样的东西:
for (x=0; x<3; x++) {
var img = new Image();
img.load(function() {
$(this).fadeIn();
// Also, set your carousel here
});
img.attr('alt', all_images[x]['title'])
.attr('width', all_images[x]['width'])
.attr('height', all_images[x]['height'])
.addClass('jcarousel-img jcarousel-img-' + x)
.attr('src', all_images[x]['src']);
$('#carousel-comments ul')
.append('li')
.append('<a href="' + all_images[x]['url'] + '#comments" title="' + all_images[x]['title'] + '">')
.append(img);
}
相关文章:
- 正在寻找比$(document).ready慢的$(window).load的替代方案
- 元素在我的代码中不会.fadeTo.Don'I don’我不知道;s错误的JavaScript、JQuery、H
- Don'不允许将焦点集中在自动完成的选择上
- javascript如果图像不存在don't加载它
- append元素don'不要在提交时出现
- AngularJS指令部分应用的函数don'不起作用
- jQuery点击ON现在使用.load触发关闭
- Don'我不明白为什么我的setInterval+jQuery;不起作用
- .load()函数赢得't加载javascript
- 我没有'I don’我不理解for在循环中的用途
- 使用jquery.load('pageName')方法时,未从应用程序缓存加载Html页
- 使用.load()后在Lightbox中插入谷歌地图
- .load ajax无法正常工作whitin wordpress主题
- jQuery 1.7.2:.on()在一个页面上工作;Don’别再干别的了
- AngularJs|Don'在成功加载所有指令htmls之前,不显示页面
- 在Debian中运行包含load()和print()函数的JS脚本
- Codeacademy Javascript..好的!/输出正确,但codeacademy没有;I don’我不喜欢
- Mediawiki皮肤创建-Javascript don'Don’t get load
- jQuery/javaScript : images don't load
- 两个相同的.load()don'我不能一起工作