精华内容
下载资源
问答
  • UIWebView网页背景拉伸图片

    千次阅读 2010-10-20 10:26:00
    在我的app,要显示gif格式的图片,由于UIWebView可以显示这样的图片格式,所以用了UIWebView这个控件加载本地网页网页中gif的图片为拉伸的背景图片。网页如下:其中test.gif为你的图片,记得要拉到resource目录...

    在我的app中,要显示gif格式的图片,由于UIWebView可以显示这样的图片格式,所以用了UIWebView这个控件加载本地网页,网页中gif的图片为拉伸的背景图片。网页如下:

     

     

    其中test.gif为你的图片,记得要拉到resource目录里呀。

    展开全文
  • 为什么我的背景图片加载不出来

    千次阅读 2018-04-17 11:13:38
    曾经在html编写网页的时候, 将外部的css样式表链接到网页中,其它像:background-color . padding , margin 等都可以正常起作用,但就是background-image不起作用,而且有时一气之下将background-image:url(“”...

    曾经在html中编写网页的时候, 将外部的css样式表链接到网页中,其它像:background-color . padding , margin 等都可以正常起作用,但就是background-image不起作用,而且有时一气之下将background-image:url(“”绝对路径“”) ;就可以显示了,但是我们非常不提倡这种绝对路径的写法,那么出现这个现象的原因到底是什么呢?
    **

    注意:在css样式表中写的background-image:url(图片的路径为相对本css文件的路径,而不是我们通常认为的相对加入css样式的网页的路径);

    **
    例如:在当前目录下有 index.html 和 css文件夹(里面包含:css.css) 和 images文件夹(里面包含top.jpg)
    **错误的认为和写法:**background-image:url(“images/top.jpg”); ———————————–>>错误的认为图片的路径应该是针对index.html网页来说的。
    **正确的认为和写法:**background-image:url(“../images/top.jpg”);———————————–>图片的路径应该写的是相对css.css文件的路径
    其中 ../ 表示的是上一级目录,不要写成 ./ 这是表示当前目录。
    这个问题困扰我很长时间,今天总结一下,提醒自己吧!!希望还没弄清的朋友弄懂!

    展开全文
  • 一般情况下网页中的图片都是随文档流依次加载的,什么时候用到则什么时候加载,但是有些时候这样的加载方式往往会影响用户体验,比如鼠标hover变换背景图片的时候,只有鼠标移入才会对变换的图片进行加载,这样就...
  • 解决webview加载网页出现白屏的问题

    千次阅读 2016-12-29 16:11:58
    最近在使用WebView进行网页内容显示时,如果网络很慢,例如2G网络,加载网页会需要很长时间,...1,修改WebView的背景,修改颜色值或者添加一个加载中的图片 webView.setBackgroundResource(R.drawable.bgblack); 如果

    最近在使用WebView进行网页内容显示时,如果网络很慢,例如2G网络,加载网页会需要很长时间,在加载过程中,WebView一直显示白屏,体验不是很好。经过修改可以使用以下几个方案解决WebView加载过程中,出现白屏的问题。

    1,修改WebView的背景,修改颜色值或者添加一个加载中的图片
    webView.setBackgroundResource(R.drawable.bgblack);

    如果设置WebView的背景图片,设置背景之前一定要设置setBackgroundColor为透明,否则看不到背景图片。代码如下:
    webView.setBackgroundColor(android.R.color.transparent);
    webView.setBackgroundResource(R.drawable.bgpic);

    2,自定义加载动画。设置webviewWebViewClient,重写里面的方法,在onPageStarted加载动画或图片,在onPageFinished移除动画或图片

        mWebView.setWebViewClient(new WebViewClient() {  
                    @Override  
                    public void onReceivedError(WebView view, int errorCode,  
                            String description, String failingUrl) {  
                             //网页加载失败的处理,一般是出错图片,跳转到出错处理页面  
                     super.onReceivedError(view, errorCode, description,failingUrl);  
                    }  
    
                    @Override  
                    public void onPageFinished(WebView view, String url) {  
                        super.onPageFinished(view, url);  
    
                        //网页加载结束的处理,可以停止动画  
    
                   }            
                    @Override             
                    public void onPageStarted(WebView view, String url, Bitmap favicon) {  
    
                             super.onPageFinished(view, url);  
    
                         //网页加载开始的处理,开始动画  
                    }  
                });  

    3,方法2中会出现一个问题,就是当页面加载全部完成的时候,动画才会消失,有的页面加载到10%已经有内容显示,但是加载动画还在,效果不是很好,如果想解
    决页面出现内容就让加载动画消失,设置WebView的另外一个参数

        mWebView.setPictureListener(new PictureListener() {  
               @Override  
               public void onNewPicture(WebView view, Picture picture) {  
                   //移除动画或者删除背景图片  
               }  
           });  

    这个方法的含义就是webview进行页面绘制的时候,只要有内容显示就会被这个回调PictureListener的onNewPicture方法。

    文章来源:http://blog.csdn.NET/songshizhuyuan/article/details/12676853

    展开全文
  • 一般情况下网页中的图片都是随文档流依次加载的,什么时候用到则什么时候加载,但是有些时候这样的加载方式往往会影响用户体验,比如鼠标hover变换背景图片的时候,只有鼠标移入才会对变换的图片进行加载,这样就...

    一般情况下网页中的图片都是随文档流依次加载的,什么时候用到则什么时候加载,但是有些时候这样的加载方式往往会影响用户体验,比如鼠标hover变换背景图片的时候,只有鼠标移入才会对变换的图片进行加载,这样就可能会出现片刻的加载空白现象;又比如图片显示后隐藏再显示网站内容等也是同样的道理。

    为了在必要的时候增加用户体验,提高网页的交互逼格,这里不得不介绍下图片预加载的艺术啦。

    那么什么是图片预加载呢?

    道理很简单啦,虽然某些图片一时半会我用不到,但是为了避免使用时出现的措手不及的现象,我还是乖乖把它们先准备好,在某些时候悄悄的把它们加载进来,以防一时之需。

    ok,那么怎么才能实现这样的功能呢?

    其实很简单啦,

    这里呢就介绍一个jquery库的preLoadImages()函数,使用这个函数呢就可以轻松实现图片预加载了,下面来一睹为快吧,代码如下:

    复制代码
    复制代码
     1 $(function(){
     2     var cache=[];
     3     //编写一个预加载图片的jQuery函数
     4     $.preLoadImages = function(){
     5         //获取函数体的参数个数
     6         var args_len = arguments.length;
     7         //反向循环参数个数,创建img元素
     8         for(var i = args_len ; i--;) {
     9             var cacheImage = document.createElement(‘img’);
    10             //指定img元素的src属性为数组元素的值
    11             cacheImge.src = arguments[i];
    12             //将HTML元素加入到数组中
    13             cache.push(cacheImage);
    14         }    
    15     }    
    16 });
    复制代码
    复制代码

    ok,注释都写的十分清楚了吧,还是没看懂?好吧那么我们先不管代码了,其实只要通过下面一步就可以完成函数的调用,如下:

    1 //预加载图片
    2 $.preLoadImages('images/sample1.jpg’,’images/sample2.jpg’,'images/sample3.jpg’);

    其中的

    'images/sample1.jpg’,’images/sample2.jpg’,'images/sample3.jpg’

    就是图片的路径,预加载多张图片就用逗号分隔啦,

    这样在网页上的任何位置引用图片时,将从缓存中获取所需的图片,从而提升用户的体验,使网站获得更好的流畅性哦。

    那么还没完,有人可能会问万一图片路径失效加载出错了咋办?

    呵呵,再教你一招,出错就出错了呗,我们有plan B,针对出错的图片显示另一张我们事先准备好的图片,用这张图片来替换所有无法显示的图片,那么怎样才能做到呢,方法也十分简单,代码如下:

    1 $(function(){
    2     $("img").error(function(){
    3         $(this).prop("src","images/planB.jpg");
    4     });
    5 });

    搞定,这下我们做的万无一失了,

    这里主要介绍下error()事件,它的定义和用法为:

      当元素遇到错误(没有正确载入)时,发生 error 事件。

      error() 方法触发 error 事件,或规定当发生 error 事件时运行的函数。

    很好理解吧,至此我们的图片预加载的方法就介绍完了。

     

    本文部分代码及写作思路参考于《超实用的JQuery代码段》一书,欢迎大家积极尝试、评论及指正。

    本文转自左正博客园博客,原文链接:http://www.cnblogs.com/soundcode/p/4720102.html,如需转载请自行联系原作者
    展开全文
  • 网页访问http://localhost:8080/demo/actions/login,进入错误页面后背景图片可以正常加载。 图片正确路径为http://localhost:8080/demo/staticmedia/images/404/01.jpg 但是访问http://localhost:8080/demo/actions...
  • 基本应用,用来显示长文本是很不错的选择,特别是网页抓取内容的显示。高级应用,可以使用html/css/js打造炫酷的效果。园子里关于WebBrowser的好文章很多,值得学习。我这里分享WebBrowser开发遇到的两则小...
  • 加载与预加载

    2019-12-20 16:16:15
    加载也叫延迟加载,指的是在长网页中延迟加载图像,是一种很好优化网页性能的方式。当访问一个页面的时候,先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径(这样就只需请求一次,俗称占位...
  • 关注过之前EasyShuForPPT功能的朋友可知,在PPT上实现网页控件集成已经完美实现了,同样地,在Excel环境,除了在任务窗格上显示外,本次国庆更新,增加了在单元格区域显示网页的功能。使用与EasyShuForPPT同样的...
  • 加载也就是延迟加载,指的是在长网页中延迟加载图像,是一种很好优化网页性能的方式。当访问一个页面的时候,先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径(这样就只需请求一次,俗称...
  • 加载也就是延迟加载,指的是在长网页中延迟加载图像,是一种很好优化网页性能的方式。当访问一个页面的时候,先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径(这样就只需请求一次,俗称...
  • 网页中切换主题,实际上就是在对网页中的元素设置不同的样式所呈现出来的整体显示效果的切换 比如上图nutz官网可以发现,亮色与暗色主题对比,网页结构布局是完全一致的,背景色一黑一白,文字颜色也改成了对应...
  • 1、img是html标签,是网页结构的一部分,会随着jtml结构一起加载 背景图作为css样式的一部分,会在结构加载完成后开始加载。 2、img标签在加载失败的时候会有一个撕裂的小图标 3、从后台获取的图片一般用img标签...
  • 还有当页面加载时,图片一个个的零星显示,鼠标经过时候背景闪白等也都是我们不能忍受的。于是乎将页面背景图整合到一起,利用“background-image”,“background- repeat”,“background-position”的组合进
  • 加载也就是延迟加载,指的是在长网页中延迟加载图像,是一种很好优化网页性能的方式。当访问一个页面的时候,先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径(这样就只需请求一次,俗称...
  • IE8,CSS加载背景图片右侧有1PX的竖线解决方案:padding-left:1px 最近新设计了一个宣传产品的网页,当觉得一切都没有问题的时候,然后再IE8打开这个网页测试的时候,返现网页的整个背景图片都错位1px...
  • 什么是精灵图片呢:将网页中需要的零星的小图片集成到一个大的图片网页加载大图片速度就会相对较快。 比如一些网页中的logo。 通过background-position来改变背景图片的位置,从而显示出我们想要显示出来的部分...
  • 1.加载问题背景图片会等到html结构加载完成才开始加载img标签是网页结构的一部分,会在html结构加载的时候加载网页加载的过程背景图片会等到结构加载完成(网页的内容全部显示以后)才开始加载,而img标签是网页...
  • 1.如果直接使用RN提供的WebView组件,如果h5是一个不太规则的网页效果显示,会遇到以下的面情况。 修改策略,在原生的ReactWebViewManager.java类的内部类设置ReactWebView的构造方法设置其背景色为透明...
  • 网页中文转英文(国际化)

    千次阅读 2018-02-08 18:54:48
    背景:我的项目是已经完成的项目,因为要拓展海外市场,需要支持英文。采用的方式是添加配置文件,见下文详细步骤。...2.js部分中文需要改写代码根据按钮取值来显示;3.注意全局方法的中文名不要忘记替换;4....
  • 当我们使用背景图片做一些鼠标hover和点击状态时切换图片显示一些不同的效果,会遇到一个小问题,就是图片是懒加载方式,第一次访问网页时只会请求第一张图片,鼠标hover和点击动作的图片只有在触发时才会发送请求...

空空如也

空空如也

1 2 3 4 5 ... 19
收藏数 378
精华内容 151
关键字:

网页背景显示加载中