以图明志

Python程序设计

Python图像处理库(PIL)的安装与简单使用

记录一次安装过程
今天在Python运行环境服务器弄一个有关图像处理的程序时报这样的错:NameError: global name Image is not defined. import Image 了下,发现原来 Python 并没有自带图像处理库,需要独立安装……查了下,Python常用的图像处理库叫PIL,可以使用 pip 安装,不错~于是在 用virtualenv 里敲入 pip install PIL。安装很快完成,于是愉悦地刷新,等待程序的通过,结果又报错……

CSS

CSS让图片垂直居中的几种技巧

三种方法介绍
在网页设计过程中,有时候会希望图片垂直居中的情况。而且,需要垂直居中的图片的高度也不确定,这就会给页面的布局带来一定的挑战。下面总结了一下,曾经使用过的几种方法来使图片垂直居中,除了第一种方法只限于标准浏览器外,另外两种方法的兼容性还不错。

PHP服务器脚本

使用CodeIgniter的类库做图片上传

CI的图片上传功能
CodeIgniter 的文件上传类允许文件被上传。您可以设置指定上传某类型的文件及指定大小的文件。上传文件普遍的过程:一个上传文件用的表单,允许用户选择一个文件并上传它。当这个表单被提交,该文件被上传到指定的目录。同时,该文件将被验证是否符合您设定的要求。一旦文件上传成功,还要返回一个上传成功的确认窗口。

Web设计理念

使用.htaccess文件来启动图片缓存

让你的网站更加高速
博客里大量的图片会使页面加载速度变得缓慢。 此时访问者需要用更多时间才能打开一个页面。 不过我们可以通过缓存图片来解决这个问题。 当页面第一次被加载时,将所有图片存放在浏览器的缓存池里。之后访问者再加载该页面时,浏览器就可以从浏览器缓存中获取图片,从而减少页面加载时间。

搜索引擎优化

如何使用.htaccess防止图片盗链

降低服务器的无效流量
对于虚拟主机用户来说,最方便的莫过于利用.htaccess设置图片防盗链了。上网搜了一下,.htaccess规则写法很多,但是大部分的区别在于最后一行,下面我们先看看正确的.htaccess防盗链写法,稍后我再详细解释一下最后一行的重点。

Web设计理念

很有创意的3D盒子图片切换效果

虽然只是伪3D效果
前一阵对三角边稍作了一点总结。昨天下班前同事又提到它。我在想,或许我们利用它做的事可能还不止那么多。也许它还能欺骗我们的眼球更多的东西。比如我一直在想的css3中目前只有webkit核心支持的transition变换属性。能否利用三角边做点它能做的事情呢?于是下班回家随便写了点测试的东西,发现如果要求不是很严格的话,某些时候还是能欺骗到我们的眼球的。

PHP服务器脚本

PHP图片的裁剪与缩放

使用PHP的GD库处理
图片太大且规格不统一,显示的控制需要靠JavaScript来完成,用在移动设备上时显示效果不好且流量巨大,需要对现有图片库的图片进行一次处理,生成符合移动设备用的缩略图,可以将原来客户端JS做的工作转移到服务器端用PHP的GD库来集中处理。

Web设计理念

淘宝首页图片切换效果模仿

很好的一个图片切换效果
仿淘宝首页图片切换,很好的一个图片切换效果。现在淘宝改版了,右下角的按钮变成圆形,不过大体上还是差不多的。这个效果你可以拿来就用,如果你看一下这个效果的源代码,或许还会有不少的收获。先来看效果演示吧~

PHP服务器脚本

PHP设置图片文件上传大小的方法

ini_set('upload_max_filesize','8M');
PHP默认的上传限定是最大2M,想上传超过此设定的文件,需要调整PHP、apache等的一些参数。在php文档里有说明upload_max_filesize的可修改范围是PHP_INI_PERDIR。PHP_INI_PERDIR的意思是域内指令可以在php.ini、httpd.conf或.htaccess文件中修改。PHP_INI_SYSTEM 域内指令可以在php.ini和httpd.conf文件中修改。

JavaScript

JavaScript使图片旋转一周

很眩的一个JavaScript效果
使图片进行360度旋转一周。能够兼容所有浏览器。IE使:matirx滤镜 webkit: webkitTransform Opera: OTransform firefox:MozTransform。 很眩的一个JavaScript效果,参考它的编程技巧吧。

Web设计理念

推荐一个纵向图片slider切换效果

不错的图片与文字一起切换效果
一个很不错的图片与文字一起切换效果,用JavaScript与CSS实现。之前也看过其它网站使用这种图片切换效果,但是是用Flash来实现的,而这个则是用js实现,而且也比较美观。

CSS

如何控制图片的最大宽度

使用CSS表达式
网站开发时经常遇到的问题,有些图片不适宜过大,大了之后会把整个网页撑开,很不好看。下面是CSS控制图片显示的最大宽度的代码,直接放在CSS文件中调用就可以了。IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和JavaScript表达式关联起来,这里的CSS属性可以是元素固有的属性,也可以是自定义属性。

JavaScript

一个简单的JavaScript图片显示与隐藏例子

比较简单的javascript代码
今天有个小问题,在iPhone上显示所有图片。但是不可能一次显示全部,只能显示图片的名称列表。需要点击图片名,然后显示图片,再次点击的话,就隐藏图片。一个比较简单的javascript代码,在这里记录下,方便以后取用。

PHP服务器脚本

PHP多种图片格式的简单上传

上传图片的过程式编程
简单地写了一个PHP的图片上传,可以支持jpg、png、gif等格式的图片,如果你想支持更多的格式,比如bmp,可以自己扩充。不是面向对象的,在这里简单记录下,以便以后取用。此处一次支持上传2个图片,上传后生成原图和质量较差的图,原图用于保存质量高的图片,质量差的图用于网页显示。

CSS

用CSS控制图片大小显示的方法

一般方法与expression属性
图片自动适应大小是一个非常常用的功能,在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制,我们可不可以用CSS控制图片使它自适应大小呢?可以通过按比例缩小或者放大到某尺寸(自己指定),来保持图片不变形走样的完全显示。

PHP服务器脚本

如何用PHP改变图片的尺寸

imagecopyresampled()函数的使用
改变图片的尺寸是一个很常见的功能需求,下面开始研究下关于PHP改变图片尺寸的方法。先介绍一个自己写的函数。imagecopyresampled() 将一幅图像中的一块正方形区域拷贝到另一个图像中,平滑地插入像素值,因此,尤其是,减小了图像的大小而仍然保持了极大的清晰度。dst_im 和 src_im 分别是目标图像和源图像的标识符。
1 / 1 首页 < Prev 1 Next > 尾页 页码: