我正在使用jQuery自动完成插件来显示用户列表及其来自我的数据库的照片。当我显示没有用户图像的结果时,自动完成速度非常快。但对于图像,图像需要一些时间才能加载和显示。我了解图像会下载并显示出来。但是,在脸书上,图像即时显示。据我所知,Facebook使用高配置服务器来返回值,并使用其他一些技术来显示图像。有没有办法可以将我的图像存储在数据库或其他可以即时访问的地方?我正在使用Web服务以json格式返回值。使用jQuery自动完成加载图像
回答
您可以尝试加载文本数据后加载图像。 例如,您可以创建包含空白图像(<img class="searchThumb" src="blank.gif"/>
)和attr img_source
的结果,其中将包含实际图像的网址(<img class="searchThumb" src="blank.gif" img_source="/real_img_url.jpg"/>
)。同时添加功能open
将显示图像的事件。
简单的例子(它只是例子,我没有测试)
$(function() {
function showImages(){
$(".searchThumb").each(function(){
$(this).arrt("src", $(this).attr("img_source"));
});
}
$("#birds").autocomplete({
source: "search.php",
minLength: 2,
open: showImages()
});
});
UPD
$(function() {
function showImages(){
$(".searchThumb").each(function(){
$(this).arrt("src", $(this).attr("img_source"));
});
}
function formatItemFn(row,pos,count,term){
// Here is formatting like I described before
if (pos==count) showImages();
}
$("#birds").autocomplete({
source: "search.php",
minLength: 2,
formatItem: formatItemFn()
});
});
打开不是自动完成的选项。我也尝试过formatResult。但没有运气。 – Ashish 2011-01-05 09:16:12
@Ashish我刚刚查过[jQuery UI Autocomplit页面](http://jqueryui.com/demos/autocomplete/)选项卡“事件”。自动完成有事件“打开”。来自UI文档的描述:'当建议菜单被打开时触发'。在那里你可以找到使用'open'事件的例子。是的,你是正确的'打开'不是一个选项这是事件。 – RAMe0 2011-01-05 09:33:57
我正在使用jQuery自动完成插件,而不是jQuery UI自动完成。 (http://docs.jquery.com/Plugins/Autocomplete/autocomplete) – Ashish 2011-01-05 09:58:41
- 1. jQuery自动完成图像
- 2. jQuery自动完成:如何显示动画GIF加载图像
- 3. jquery图像自动加载
- 4. 缓慢加载jQuery自动完成
- 5. jQuery的自动完成与图像
- 6. Jquery自动完成UI图像选项
- 7. 更改图像src jQuery自动完成
- 8. jQuery:自动完成与图像
- 9. 使用jquery自动完成
- 10. 使用JQuery自动完成?
- 11. 使用jQuery自动完成
- 12. jQuery自动完成不在ASP.NET MVC视图内动态加载
- 13. jQuery - 在每个单独的图像上完成加载动画?
- 14. 如何在KendoUI中显示加载图像自动完成
- 15. 在AJAX加载的部分视图(MVC4)上使用自动完成(JQuery)
- 16. 加载图像使用jQuery
- 17. jQuery用户界面自动完成 - 的.ui-自动完成装载
- 18. JQuery自动完成
- 19. jQuery自动完成
- 20. Jquery自动完成
- 21. jquery自动完成
- 22. jquery自动完成
- 23. Jquery自动完成
- 24. Jquery自动完成
- 25. jQuery的自动完成负载问题
- 26. 如何使用jQuery异步加载图像,以及如何知道图像加载完成的时间?
- 27. JQuery自动完成INLINE(像萤火虫)
- 28. jQuery自动完成/预测 - 像谷歌
- 29. JQuery UI自动完成加载滚动数据
- 30. AS3加载完成后显示图像
你存储图像或链接数据库中的图像? – RAMe0 2011-01-05 06:16:03
截至目前,我正在存储指向图像的链接,然后通过指向img标签的src来显示它们。 – Ashish 2011-01-05 06:29:58