jpg

jQuery Fancybox插件使用参数详解

天涯浪子 提交于 2020-03-12 10:36:46
我是一个搬运工 本文转自 http://www.weste.net/2013/4-22/90629.html 先给上Fancybox的项目主页地址:http://fancybox.net/, Fancybox的特点如下: 可以支持图片、html文本、flash动画、iframe以及ajax的支持 可以自定义播放器的CSS样式 可以以组的形式进行播放 如果将鼠标滚动插件(mouse wheel plugin)包含进来的话Fancybox还能支持鼠标滚轮滚动来翻阅图片 Fancybox播放器支持投影,更有立体的感觉 Fancybox使用方法: 1、引入jquery核心库和Fancybox插件库 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script> 可选 - 如果需要用到fancy transition(一些动画效果)你还需要引入以下脚本 <script type="text/javascript" src="/fancybox/jquery.easing

图片滚动js代码

自古美人都是妖i 提交于 2020-03-11 14:57:29
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=" http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=" Content-Type" content=" text/html; charset=gb2312" /> <meta name=" keywords" content=" JS代码,图片特效,JS广告代码,JS特效代码" /> <meta name=" description" content=" 此代码内容为四图横向滚动效果(可自动可手动),属于站长常用代码,更多图片特效代码请访问xw素材网JS代码频道。" /> <title>jquery图片左右无缝滚动带有手动和自动图片滚动_xw素材网 </title> <link type=" text/css" href=" css/jq22.css " rel=" stylesheet" /> <script type=" text/javascript" src=" js/jquery.js "> </script> <script type="

php中网页生成图片的方式

 ̄綄美尐妖づ 提交于 2020-03-10 20:33:09
在网上找了很多方法,发现与自己最初的思路也是大同小异,那就是 HTML——》PDF——》JPG 。从上午9点钟一直搞到下午6点钟,代码方面其实很简单,更多的还是环境和PHP拓展上面,忙了一天的成果有必要分享一下。 第一步:HTML——》PDF 1、利用html2fpdf将html转成pdf 1 require('html2fpdf/html2fpdf.php'); 2 $pdf=new HTML2FPDF(); 3 $pdf->AddPage(); 4 // yourfile.html 你要转化的HTML文件 5 $yourfile_html = "index.html"; 6 // yourfile.pdf 转化成功后的pdf文件名 7 $yourfile_pdf = "yourfile.pdf"; 8 $fp = fopen($yourfile_html,"r"); 9 $strContent = fread($fp, filesize($yourfile_html)); 10 fclose($fp); 11 $pdf->WriteHTML($strContent); 12 $pdf->Output($yourfile_pdf ); html2fpdf类库网上都可以下载到,这个方法的一个缺点就是会出现中文乱码,所以我后来又找到了下面这种方法: 2

网站优化之图片

瘦欲@ 提交于 2020-03-09 21:59:47
图片应做成响应式、(大尺寸图片建议)使用 渐进式JPEG 、使用 mozJPEG , tinyPNG 等工具对图片进行压缩; 压缩工具: http://c7sky.com/kraken-io-image-optimizer.html 这里主要讲类似于bannner等大图优化加载问题; 压缩工具:    - TinyPNG 和 JPEGmini 这样的工具可以帮助压缩和优化图片。   http://www.tuhaokuai.com -首先看html中主要用的是<img src="">还是{background-image:url()}; 如果是第一种:   我会选择用懒加载来处理图片; <script type="text/javascript" src="js/lazy_min.js"></script><script> $(function(){ //懒加载 $("img.lazy").lazyload({ effect : "fadeIn", skip_invisible : false,// Lazy Load 默认忽略了隐藏图片. 如果你想要加载隐藏图片, 请将 skip_invisible 设为 false threshold : 200,// 设置 threshold 为 200 令图片在距离屏幕 200 像素时提前加载 failure_limit : 10/

新文章:把程序放在相册中

左心房为你撑大大i 提交于 2020-03-08 09:35:50
我家里的网络不好,只能上baidu,sina,126...此类的大门户,有的时候想上传点程序到网上,也没有共用的空间,也没有可以共享的网络硬盘,可是我发现baidu还是有100M的相册可用,改个程序的扩展名到jpg,发现也不能上传. "安全性做得不错呀",我再看看baidu的修行,进行如下操作:jpg + exe = jpg ,哈哈,可以上传了.我的程序也上传了.可是一般却不知道如何 jpg - jpg = exe ,看来只好写一段脚本来完成这样的任务了.(为什么写脚本?因为别的程序也没有地方上传呀,脚本可以复制,粘贴,保存成js呀,哈哈) 先看一下使用方法: 1. jpg + exe = jpg [Win] + [R], cmd ,输入: jpgexe.js jpg1.jpg + exe1.exe jpgout.jpg 程序exe1已经到图片jpgout.jpg 中了.看一下图片,正常呀,上传到baidu试试(记得选原始大小)也可以了吧. 2. jpg - jpg = exe [Win] + [R], cmd ,输入: jpgexe.js jpgout.jpg exe2.exe 程序exe2已经出来了,试一下,还是你的exe1吧. 详见文章: http://www.cnblogs.com/evlon/articles/jpgexe.html 来源: https://www

js实现无限瀑布流

て烟熏妆下的殇ゞ 提交于 2020-03-07 08:30:51
瀑布流 是一种常见的网页布局方式,在许多网站中我们都能看到“瀑布流”的效果,其特征是有网页视窗有多个高度不同宽度相同的“块”组成。因其样式酷似飞流直下的瀑布, 故将这种布局方式称为瀑布流。 生活中瀑布流实例: 花瓣网 在css中我们学习过使用Multi-columns来实现瀑布流的效果 通过 Multi-columns 相关的属性 column-count 、 column-gap 配合 break-inside 来实现瀑布流布局。 现在,我来介绍一下如何通过js方式来实现瀑布流 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .cont{ margin: 0 auto; position: relative; } .box{ float: left; padding: 6px; } .imgbox{ border: 1px black solid; border-radius: 6px; padding: 6px; } .imgbox img{ width: 200px; display: block; } </style> <script> onload = function () { new Waterfall(); }; function

Apache: rewrite跳转 防盗链

戏子无情 提交于 2020-03-06 19:53:43
实验环境 第一台centos7源码安装apache2.4.38 IP 192.169.1.13 关闭防火墙 一.rewrite跳转 Rewrite主要的功能就是实现URL的重写。它的正则表达式是基于Perl语言,入站的规则用于修改 HTTP 请求 Url。这些规则可以为以下几个目的,如演示对用户更加友好的 URL 命名空间为您的 Web 站点,将请求的 Url 重定向到新位置,或阻止访问 Url 来提供服务。 简单来说,作用就是,例如输入baidu.com实际上跳转跳转到了www.baidu.com,这就是rewrite跳转, 只是对用户访问的URL更加友好 本例网站域名为www.ajbn.com,例如的访问ajbn.com.cn,或者ajbn.com都跳转到www.ajbn.com 1.安装rewrite模块 就使用DOS模式安装了,你在源码编译的时候 --enable-rewrite方式 不过编译的时候安装的,检测不出来,最好使用DOS安装一次 [root@apache1 ~]# apxs -c -i -a /root/httpd-2.4.38/modules/mappers/mod_rewrite.c [root@apache1 ~]# apachectl -M | grep rewrite rewrite_module (shared) #DOS安装方式 2.修改配置文件

阿里巴巴,发布产品时,每个规格一张图的实现。

旧城冷巷雨未停 提交于 2020-03-02 12:56:04
以上操作与所有发布商品的操作相同。 下面开始了。 根据阿里巴巴的产品分类,已做好了相应的模块了。 (这里不需要单独建一个产品规格模块了) 勾选或添加颜色后,其下方会出现“点击上传”的控件,这是是上传相应颜色规格图片的控件。 图片是放在阿里服务器的相册上的,所以,插入图片的方法与其它插入图片的方法相同。 1.从相册选择; 2.从电脑上传。 然后,在下面的产品详情里也可以引用这些图片。 下面是代码: <p>这是一个测试用的商品</p> <p> <img src="https://cbu01.alicdn.com/img/ibank/2020/748/035/13575530847_2001123510.jpg?__r__=1583117720153" alt="红" /><br class="img-brk" /><br class="img-brk" /> <img src="https://cbu01.alicdn.com/img/ibank/2020/702/866/13529668207_2001123510.jpg?__r__=1583117720153" alt="橙" /><br class="img-brk" /><br class="img-brk" /> <img src="https://cbu01.alicdn.com/img/ibank/2020/803

随机图片滚动 【总结】

狂风中的少年 提交于 2020-03-02 00:38:10
需求 需求分析: 每个一段时间图片随机运动 并不是一个运动完再运动下一个,而是有多个图片列表延迟不同的时间再运动 实现思路: 1.图片列表我用js生成再插入,图片数据和href数据放在json里再把json放再数组里 2.每个一段时间执行定时器绑定doMove函数,实现随机运动的要点就是,定时器的延迟时间不一样 3.每次执行绑定之前判断当前图片列表位置是否到头,如果到头就归回原位 难点: 无 难点解决方案: 无 涉及的新知识: 无 用json存数据 优化方向: 图片的参数是我手动写进js里的,后期学ajax要让它自动获得。 备注: (function(){ var oWrap = $('wrap'); //8个图片列表 var imgArr = [ [ {'imgSrc':'img/1.jpg','tHref':'http://www.baidu.com'}, {'imgSrc':'img/2.jpg','tHref':'http://www.baidu.com'} ], [ {'imgSrc':'img/5.jpg','tHref':'http://www.baidu.com'}, {'imgSrc':'img/4.jpg','tHref':'http://www.baidu.com'}, {'imgSrc':'img/1.jpg','tHref':'http://www

Web图片上传插件开发文档-PHP

拜拜、爱过 提交于 2020-03-01 17:43:17
版权所有 2009-2017 荆门泽优软件有限公司 保留所有权利 官方网站: http://www.ncmem.com 官方博客: http://www.cnblogs.com/xproer 产品首页: http://www.ncmem.com/webplug/image-uploader/ 在线演示: http://www.ncmem.com/products/image-uploader/img2/index.html 开发文档 -.NET : http://www.cnblogs.com/xproer/archive/2011/05/13/1931278.html 开发文档 -PHP : http://www.cnblogs.com/xproer/archive/2011/05/13/2045854.html 开 发文档 -JSP : http://www.cnblogs.com/xproer/archive/2011/05/20/2051887.html 升级日志: http://www.cnblogs.com/xproer/archive/2010/10/06/1844816.html 资源下载: cab安装包(x86) , cab安装包(x64) , crx安装包 , xpi安装包 , exe安装包 , 开发文档 , VC 库 , 证书补丁 , 示例下载: ASP ,