`

当图片在窗口内才显示图片

 
阅读更多
// JavaScript Document
$.fn.scrollLoading = function(options){
var defaults = {
attr:"data-url"
};
var params = $.extend({},defaults,options||{});
params.cache = [];
$(this).each(function(){
var node = this.nodeName.toLowerCase(),url = $(this).attr(params["attr"]);
if(!url){return;}
var data = {
obj:$(this),
tag:node,
url:url
};
params.cache.push(data);
});
var loading = function(){
var st = $(window).scrollTop(),sth = st + $(window).height();
$.each(params.cache,function(i,data){
var o = data.obj,tag = data.tag,url = data.url;
if(o){
post = o.position().top;posb = post + o.height();
if((post > st && post <sth) || (posb . st && posb < sth)){
if(tag === "img"){
o.attr("src",url);
}else{
o.load(url);
}
data.obj = null;
}
}
});
return false;
}
loading();
//$(window).bind("scroll",loading);

};
分享到:
评论

相关推荐

    窗口加载显示图片

    首先,我们关注“窗口显示图片”这个主题。在各种操作系统中,无论是Windows、macOS还是Linux,窗口系统都提供了API或库函数来支持图像的加载和显示。例如,在Windows中,我们可以使用GDI+或者Direct2D库;在macOS中...

    python在新的图片窗口显示图片(图像)的方法

    使用python画图,发现生成的图片在console里。不仅感觉很别扭,很多功能也没法实现(比如希望在一幅图里画两条...以上这篇python在新的图片窗口显示图片(图像)的方法就是小编分享给大家的全部内容了,希望能给大家一个

    qt 子窗口显示的图片点击显示到主窗口

    Qt中的`QLabel`控件可以用来显示图片,配合`QPixmap`类加载图片资源。例如,`QPixmap pixmap("path_to_image.jpg");`加载图片,然后`label-&gt;setPixmap(pixmap);`将图片设置到`QLabel`上。 4. **事件处理**: 要...

    PB 11.5 数据窗口计算列显示图片的方法

    总之,在PowerBuilder 11.5中,通过使用计算列和适当的图形函数,我们可以实现数据窗口显示图片的功能。这不仅扩展了数据窗口的功能,还提高了用户界面的视觉效果和交互性。在实际开发中,可以根据项目需求进行适当...

    PB 11.5 数据窗口计算列显示图片方法实例

    在这个实例中,我们将会深入探讨如何在数据窗口的计算列中显示图片。计算列通常用于执行计算或格式化操作,但也可以扩展到包含非传统的元素,如图像。 首先,我们需要理解的是数据窗口的结构。数据窗口由行、列组成...

    图片预览新窗口全屏图片展示功能

    "图片预览新窗口全屏图片展示功能"是这样一种技术,它允许用户点击缩略图后,在一个新的浏览器窗口中打开全屏的图片预览,提供更佳的视觉体验。 实现这一功能,通常会涉及到以下几个关键技术点: 1. **HTML**:...

    如何实现图片窗口

    要实现图片窗口,我们通常会继承CWnd或其子类,如CFrameWnd或CMDIChildWnd,然后添加显示图片的功能。 步骤1:创建MFC应用程序项目 在Visual Studio中,选择“新建项目”,然后选择“MFC应用程序”。填写项目名称和...

    用C#在窗口内打开图片及显示文字

    2. **PictureBox控件**: 在Windows Forms中,用于显示图片的主要控件是PictureBox。开发者需要实例化这个控件,然后设置其`Image`属性为要显示的图片的路径或流数据。例如: ```csharp PictureBox pictureBox = ...

    图片显示窗口

    在这个“图片显示窗口”项目中,开发者利用了Java的图形用户界面(GUI)组件和图像处理能力来创建一个能够加载并显示图片的应用。这通常涉及到Java的AWT(Abstract Window Toolkit)或Swing库,它们提供了创建窗口和...

    OpenCV实现同一窗口显示多幅图片

    // 在窗口中显示图片 cv::imshow(window_name, img1); cv::waitKey(2000); // 延时2秒,让用户有时间查看图片 cv::imshow(window_name, img2); cv::waitKey(2000); // 延时2秒 cv::imshow(window_name, img3...

    C#图像处理_多张图片在同一窗口浏览

    在C#编程环境中,开发一个应用来实现多张图片在同一窗口浏览是一项常见的图像处理任务,尤其在WinForms应用中。本教程将详细讲解如何利用C#实现这一功能,结合VS2010集成开发环境(IDE)进行图像的加载、显示和管理...

    API创建窗口并显示图片底图

    API创建窗口并显示图片底图是一项常见的编程任务,尤其在开发图形用户界面(GUI)应用程序时。易语言是一款中国本土的、以简单易学为特点的编程语言,它提供了丰富的API调用来帮助开发者实现各种功能。 在这个修正...

    小窗口看大图片

    例如,网格系统、可折叠菜单和自适应图片大小都是为了在有限的显示空间内提供完整的功能和内容。 最后,我们讨论一下用户界面设计。一个优秀的UI设计应当遵循“简洁明了”的原则,即使在小窗口中,也能传达核心信息...

    在窗口内显示图片,delphi初级代码..rar

    在使用Delphi进行Windows应用程序开发时,经常需要在窗口内显示图片,这是一项基础而重要的功能。本示例将向您介绍如何通过Delphi的基本组件和编程技巧来实现在窗口中显示图片。以下是对这个主题的详细解释: 1. **...

    pb 修改图片大小 将窗口变成图片

    标题中的"pb 修改图片大小 将窗口变成图片"是指在编程中使用PowerBuilder(简称pb)这个工具来处理图像,具体来说是改变图片的尺寸,并将窗口的屏幕捕获保存为图片。PowerBuilder是一款强大的可视化应用程序开发工具...

    基于分层窗口创建的GIF图片显示

    在这个主题中,我们将深入探讨如何利用分层窗口技术和GIF解码原理来实现透明动态GIF图片的显示。 首先,我们要理解什么是分层窗口(Layered Windows)。在Windows操作系统中,分层窗口是一种特殊的窗口类型,允许...

    PB-数据库保存图片并在Datawindow中显示

    7. **显示DataWindow中的图片**:在DataWindow中显示图片,需要确保DataWindow的列设置正确,列类型应为BLOB,并且在设计时设置该列的显示属性为“图像”。在运行时,PB会自动处理从数据库加载图片数据并在...

    qt编写的窗口多开图片显示器

    本程序可打开多张图片的时候,自动为每一张图片打开新的窗口来显示图像,每个窗口都能拖动、缩放图片、并显示鼠标悬停位置的RGB像素值。...每个窗口支持自适应窗口显示、自适应宽度显示、按实际图片大小显示。

    显示JPG/BMP/GIF图片的C++类和带滚动条的窗口类

    这可能通过覆盖OnSize 或 OnUpdate 方法来实现,确保图像始终正确地显示在窗口内。 5. **性能优化**:对于大图像,为了提高性能,可能采用了分块加载或只渲染可视区域的策略,避免一次性加载整个图像到内存。 总的...

Global site tag (gtag.js) - Google Analytics