Image flow使用

1、chrome 浏览器中F12快捷键用于打开或者关闭调试窗口，F11用于进入/退出全屏。

2、image flow 各属性的用法，

（1）reflections属性，如果下载之后解压并运行就会发现图片显示不出来，都是一个个框框，这很可能是没有找到图片的问题，在chrome浏览器中按F12进入调试界面，可以看到图片的路径不对，并不是img/XXX.png，如下图所示：

打开其imageflow.js文件，可以看到下面一句话：

             if(my.reflections === true){version = (my.reflectionPNG) ? '3' : '2';src = my.imagePath+node.getAttribute('src',2);src = my.reflectPath+'reflect'+version+'.php?img='+src+my.reflectionGET;node.setAttribute('src',src);}

在imageflow.js开头将reflections属性设置为false即可。

（2）circular属性，用于表示是否循环播放图片。

3、将

 <head><meta charset="utf-8" /><title>ImageFlow</title><meta name="robots" content="index, follow, noarchive" /><link rel="stylesheet" href="style.css" type="text/css" /><!-- This includes the ImageFlow CSS and JavaScript --><link rel="stylesheet" href="imageflow.packed.css" type="text/css" /><script type="text/javascript" src="data:imageflow.packed.js"></script></head>

修改为：

 <head><meta charset="utf-8" /><title>ImageFlow</title><meta name="robots" content="index, follow, noarchive" /><link rel="stylesheet" href="style.css" type="text/css" /><!-- This includes the ImageFlow CSS and JavaScript --><link rel="stylesheet" href="imageflow.css" type="text/css" /><script type="text/javascript" src="data:imageflow.js"></script></head>

4、网上有人提供这样一种显示背景的方法：

利用一个DIV层，在里面装载一个IMG标签。然后设置DIV和IMG的大小为100%，并固定到屏幕最底层，这样就实现了完美的拉伸并最大化图片的目的。
首先在Body中加入下面的代码：

复制代码

代码如下:

然后加入CSS代码：

复制代码

代码如下:

div#div1{
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
z-index:-1;
}
div#div1 > img {
height:100%;
width:100%;
border:0;
}

Image flow使用相关推荐

深度学习编译器Data Flow和Control Flow
深度学习编译器Data Flow和Control Flow 本文介绍了一下深度学习框架的Data Flow和Control Flow,基于TensorFlow解释了TensorFlow是如何在静态图中 ...
HDU 3549 Flow Problem(最大流模版EK算法）
题目链接第一道最大流,赤裸裸的模版题,刚好可以熟悉模版用.今天看了一下最大流,就看了一个EK算法,感觉有点和二分图匹配算法有点相似,对于最大流问题有点了解了,不过为什么这么做,也不是很懂,只是把代 ...
python输入参数改变图形_Python基于Tensor FLow的图像处理操作详解
本文实例讲述了Python基于Tensor FLow的图像处理操作.分享给大家供大家参考,具体如下: 在对图像进行深度学习时,有时可能图片的数量不足,或者希望网络进行更多的学习,这时可以对现有的图片数 ...
CAS (10) —— JBoss EAP 6.4下部署CAS时出现错误exception.message=Error decoding flow execution的解决办法...
CAS (10) -- JBoss EAP 6.4下部署CAS时出现错误exception.message=Error decoding flow execution的解决办法 jboss版本: jb ...
Git Flow—Git团队协作最佳实践
一.规范的Git使用 Git是一个很好的版本管理工具,不过相比于传统的版本管理工具,学习成本比较高. 实际开发中,如果团队成员比较多,开发迭代频繁,对Git的应用比较混乱,会产生很多不必要的冲突或者代 ...
使用Flow检查React，Redux和React-Redux的全面指南
by Fabian Terh 由Fabian Terh 使用Flow检查React,Redux和React-Redux的全面指南 (A comprehensive guide to type chec ...
babel6 babel7_当您已经准备好Babel时设置Flow
babel6 babel7 by Jamie Kyle 杰米·凯尔(Jamie Kyle) 当您已经准备好Babel时设置Flow (Setting up Flow when you've alrea ...
为什么要在JavaScript中使用静态类型？（使用Flow进行静态打字的4部分入门）
by Preethi Kasireddy 通过Preethi Kasireddy 为什么要在JavaScript中使用静态类型? (使用Flow进行静态打字的4部分入门) (Why use stati ...
如何将三万行代码从Flow移植到TypeScript？
作者 | David Gomes 译者 | 弯月责编 | 郭芮来源 | CSDN(ID:CSDNnews) [编者按]在内存安全中,类型安全是很重要的一个命题.为了确保JavaScript项目运 ...
layui ajax流加载,layui中流加载layui.flow
1.引入layui.css和layui.js 2. html中定义容器 js部分: layui.use('flow', function(){ var $ = layui.jquery; //不用额外 ...

Image flow使用

Image flow使用相关推荐

最新文章

热门文章