layer iframe加载单个图片或者加载页面

加载单个图片

        layer.open({
            type: 1,
            title: false,
            closeBtn: 0,
            area: ‘150px‘,
            skin: ‘layui-layer-nobg‘, //没有背景色
            shadeClose: true,
            content: imgurl
        });    

加载单个页面

        layer.open({
            type: 2,
            title: phone,
            shadeClose: true,
            shade: 0.8,
            area: [‘180px‘, ‘210px‘],
            content: imgurl //iframe的url
        });

原文地址:https://www.cnblogs.com/romanticcrystal/p/9162618.html

时间: 2024-10-11 18:12:19

layer iframe加载单个图片或者加载页面的相关文章

图片预加载与图片懒加载的区别与实现

预加载与懒加载,我们经常经常用到,这些技术不仅仅限于图片加载,我们今天讨论的是图片加载: 一.什么是图片预加载与懒加载: 图片预加载:顾名思义,图片预加载就是在网页全部加载之前,提前加载图片.当用户需要查看时可直接从本地缓存中渲染,以提供给用户更好的体验,减少等待的时间.否则,如果一个页面的内容过于庞大,没有使用预加载技术的页面就会长时间的展现为一片空白,这样浏览者可能以为图片预览慢而没兴趣浏览,把网页关掉,这时,就需要图片预加载.当然这种做法实际上牺牲了服务器的性能换取了更好的用户体验. 图

懒加载——网页图片的加载技术

目前,网络上各大论坛,尤其是一些图片类型的网站上,在图片加载时,均采用一种称为懒加载的方式.具体表现为:当页面被请求时,只加载可视区域的图片,其他部分图片则不加载,只有这些图片出现在可视区域的时候,才会动态进行加载这些图片,从而节约了带宽.提高了初次加载的速度.具体实现方式如下: 首先,在页面准备一个div为div1的div,在这个div中放一个ul,lu中准备一些li,这些li都有一个data-src属性,准备着图片的地址,具体结构如下:     <div id="div1"&

js图片缓冲加载代码实例

js图片缓冲加载代码实例:一般的图片展或者图片较多的网站都会使用图片缓冲加载技术,可以说对提高网站的体验度有良好的效果,下面就分享一段网络上的相关代码,希望能够给大家带来一定的帮助,代码如下: <script type="text/javascript"> var Imgvalue; var Count =13;//图片数量 var Imgs = new Array(Count); var ImgLoaded =0; //预加载图片 function preLoadImgs

前端性能优化--图片懒加载(lazyload image)

图片懒加载(当然不仅限于图片,还可以有视频,flash)也是一种优化前端性能的方式.使用懒加载可以想要看图片时才加载图片,而不是一次性加载所有的图片,从而在一定程度从减少服务端的请求 什么是懒加载 懒加载怎么个懒法,就是你不想看就不给你看,我也懒得加载出来,懒得去请求.通俗的说就是你不要就不给你,怎么地.举个栗子,比如在进入某个页面的时候,它会有许多的图片,有些图片可能在下面,当我们点进页面但没有滑动下去或没看完整个页面,那么下面的图片就会"没用",加载了也白加载,而且还降低了网页的加

android纹理图片的加载与修改

环境:eclipse,android,opengl es 最近需要对纹理图像进行一些修改,首先需要加载纹理图片,并对纹理图片进行一些修改,最后再进行纹理对象的生成. 一.纹理图片的加载 纹理图片的加载可以通过getResources().openRawResource(int)函数和bitmapFactory类进行加载. InputStream is = mContext.getResources().openRawResource( R.drawable.map_lr_new_n); Bitm

图片预加载与懒加载

预加载与懒加载,我们经常经常用到,这些技术不仅仅限于图片加载,我们今天讨论的是图片加载: 一.什么是图片预加载与懒加载: 图片预加载:顾名思义,图片预加载就是在网页全部加载之前,提前加载图片.当用户需要查看时可直接从本地缓存中渲染,以提供给用户更好的体验,减少等待的时间.否则,如果一个页面的内容过于庞大,没有使用预加载技术的页面就会长时间的展现为一片空白,这样浏览者可能以为图片预览慢而没兴趣浏览,把网页关掉,这时,就需要图片预加载.当然这种做法实际上牺牲了服务器的性能换取了更好的用户体验. 图

Vue实现一个图片懒加载插件

前言 图片懒加载是一个很常用的功能,特别是一些电商平台,这对性能优化至关重要.今天就用vue来实现一个图片懒加载的插件. 这篇博客采用"三步走"战略--Vue.use().Vue.direction.Vue图片懒加载插件实现,逐步实现一个Vue的图片懒加载插件. Vue.use() 就像开发jQuery插件要用$.fn.extent()一样,开发Vue插件我们要用Vue.use().其实就是官方内部实现的一个方法,供广大开发者灵活开发属于自己的插件.只需要按照约定好的规则开发就行. 用

【应对网页图片懒加载】 &#231759;

原文: http://blog.gqylpy.com/gqy/358 图片懒加载概念 ???????图片懒加载是一种网页优化技术.图片作为一种网络资源,在被请求时也与普通静态资源一样,将占用网络资源,而一次性将整个页面的所有图片加载完,将会大大增加页面的首屏加载时间.为了解决这个问题,通过前后端配合,使图片仅在浏览器当前视窗内出现时才加载该图片,达到减少首屏请求数的技术就被成为"图片懒加载". 网站一般如何实现图片懒加载技术呢? ???????在网页源码中,在img标签中首先会使用一个

闭包,jQuery插件的写法:图片预加载

最近做的一些网页,单个网页图片量都比较大,网络不好的情况下,特别卡,这个图片预加载的方法可以牺牲一些时间换来网页的浏览顺畅,还是值得的. //闭包的写法,它内部的变量都是局部的,不会和外部巳有的变量进行冲突 ( function (通过它来接收对象) { } )( 通过它来传递对象 ); //可以使用jQuery的$符号的闭包插件的写法: //写插件的常用方法 $.extentd() (function ($){ //构造函数 function PreLoad(imgs,options){ th