精华内容
下载资源
问答
  • APP分类APP分类图片手机端主流APP分类
  • 手机和相机照片太多,手动按照片名称里的日期分成多个文件夹太麻烦,所以开发了这个小程序自动分类,不需要的请不要浪费分数下载。
  • 手机图片预览photoswipe,支持pc图片预览,多用于android,ios的手机图片预览。 资源包:http://download.csdn.net/detail/snow_finland/8152787 在photoswipe官网有1.0.11的包下载,但是1.0.11这个版本,...

    手机图片预览photoswipe,支持pc图片预览,多用于android,ios的手机图片预览。


    资源包:http://download.csdn.net/detail/snow_finland/8152787


    在photoswipe官网有1.0.11的包下载,但是1.0.11这个版本,存在缺陷,在部分android手机上,滑动一次的时候,会跳转2张图片

    (正常情况下,滑动一次,跳转1张图片)


    通常使用方法如下:


    在html的head标签中依次加载资源包中如下文件:

    <script type="text/javascript" src="klass.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="jquery-1.8.2.js"></script>
    <script type="text/javascript" charset="utf-8" src="code.photoswipe-3.0.5.js"></script>
    <script type="text/javascript" charset="utf-8" src="jquery.transit.js"></script>
    <script type="text/javascript" charset="utf-8" src="hammer.js"></script>
    <script type="text/javascript" charset="utf-8" src="jquery.hammer.js"></script>


    html部分图片的格式如下:


    	<ul id="Gallery" class="gallery">
    		
    		<li><a href="images/full/001.jpg"><img src="images/thumb/001.jpg" alt="Image 001" /></a></li>
    		<li><a href="images/full/002.jpg"><img src="images/thumb/002.jpg" alt="Image 002" /></a></li>
    		<li><a href="images/full/003.jpg"><img src="images/thumb/003.jpg" alt="Image 003" /></a></li>
    		<li><a href="images/full/004.jpg"><img src="images/thumb/004.jpg" alt="Image 004" /></a></li>
    		<li><a href="images/full/005.jpg"><img src="images/thumb/005.jpg" alt="Image 005" /></a></li>
    		<li><a href="images/full/006.jpg"><img src="images/thumb/006.jpg" alt="Image 006" /></a></li>
    		<li><a href="images/full/007.jpg"><img src="images/thumb/007.jpg" alt="Image 007" /></a></li>
    		<li><a href="images/full/008.jpg"><img src="images/thumb/008.jpg" alt="Image 008" /></a></li>
    		<li><a href="images/full/009.jpg"><img src="images/thumb/009.jpg" alt="Image 009" /></a></li>
    		<li><a href="images/full/010.jpg"><img src="images/thumb/010.jpg" alt="Image 010" /></a></li>
    		<li><a href="images/full/011.jpg"><img src="images/thumb/011.jpg" alt="Image 011" /></a></li>
    		<li><a href="images/full/012.jpg"><img src="images/thumb/012.jpg" alt="Image 012" /></a></li>
    		<li><a href="images/full/013.jpg"><img src="images/thumb/013.jpg" alt="Image 013" /></a></li>
    		<li><a href="images/full/014.jpg"><img src="images/thumb/014.jpg" alt="Image 014" /></a></li>
    		<li><a href="images/full/015.jpg"><img src="images/thumb/015.jpg" alt="Image 015" /></a></li>
    		<li><a href="images/full/016.jpg"><img src="images/thumb/016.jpg" alt="Image 016" /></a></li>
    		<li><a href="images/full/017.jpg"><img src="images/thumb/017.jpg" alt="Image 017" /></a></li>
    		<li><a href="images/full/018.jpg"><img src="images/thumb/018.jpg" alt="Image 018" /></a></li>
    		
    	</ul>



    js部分调用该插件可以demo中提到的


    (function(window, PhotoSwipe){
    		
    			document.addEventListener('DOMContentLoaded', function(){
    			
    				var
    					options = {},
    					instance = PhotoSwipe.attach( window.document.querySelectorAll('#Gallery a'), options );
    			
    			}, false);
    			
    			
    		}(window, window.Code.PhotoSwipe));


    也可以使用:

    $("#Gallery a").photoSwipe();



    如果html部分,需要有特殊格式,则可以通过以下方式调用:


    1、声明全局变量:

    var photoswipe_instance = 0;


    2、对于需要需要进入预览的元素绑定点按事件,内容如下:

    arr_images.push({ 
    	url: XXX
    });
    
    var PhotoSwipe = window.Code.PhotoSwipe;
    var instance = PhotoSwipe.attach(arr_images, '', photoswipe_instance);
    photoswipe_instance++;
    instance.show(show_current);

    3、找到PhotoSwipe.Cache.CacheClass中

    		initialize: function(images, options){
    			
    			var i, j, cacheImage, image, src, caption, metaData;
    			
    			this.settings = options;
    			
    			this.images = [];
    			
    			for (i=0, j=images.length; i<j; i++){
    				
    				image = images[i];
    				// src = this.settings.getImageSource(image);//原来的代码---改动的地方
    				src = image.url;//新的代码---改动的地方
    				caption = this.settings.getImageCaption(image);
    				metaData = this.settings.getImageMetaData(image);
    				
    				this.images.push(new PhotoSwipe.Image.ImageClass(image, src, caption, metaData));
    				
    			}
    			
    			
    		},


    另外,插件原来有个地方有问题,需要做如下修改:


    找到PhotoSwipe.DocumentOverlay.DocumentOverlayClass(这里背景浮层的定位和高度原先有问题)


    		resetPosition: function(){
    			
    			var width, height, top;
    			
    			if (this.settings.target === window){
    				
    				width = Util.DOM.windowWidth();
    				// height = Util.DOM.bodyOuterHeight() * 2; // This covers extra height added by photoswipe//旧的代码--改动之处
    				height = Util.DOM.bodyOuterHeight(); //新的代码--改动之处
    				// top = (this.settings.jQueryMobile) ? Util.DOM.windowScrollTop() + 'px' : '0px';//旧的代码--改动之处
    				top = Util.DOM.windowScrollTop() + 'px';//新的代码--改动之处
    				
    				if (height < 1){
    					height = this.initialBodyHeight;
    				}
    
    				if (Util.DOM.windowHeight() > height){
    					height = Util.DOM.windowHeight();
    				}
    				
    			}
    			else{
    				
    				width = Util.DOM.width(this.settings.target);
    				height = Util.DOM.height(this.settings.target);
    				top = '0px';
    				
    			}
    			Util.DOM.setStyle(this.el, {
    				width: width,
    				height: height,
    				top: top
    			});
    		
    		},


    版权声明:本文为博主原创文章,未经博主允许不得转载。

    转载于:https://www.cnblogs.com/snow-finland/p/4690169.html

    展开全文
  • 近期有部分会员反映蚂蚁分类信息系统手机端浏览图片信息时,会出现死机现象,而且效果不美观。 原展示图片方式 于是仿58浏览方式,修改了蚂蚁分类信息系统手机端浏览图片方式,支持自动轮播,带当前图片数字和张数,...

    近期有部分会员反映蚂蚁分类信息系统手机端浏览图片信息时,会出现死机现象,而且效果不美观。
    原展示图片方式
    这里写图片描述

    于是仿58浏览方式,修改了蚂蚁分类信息系统手机端浏览图片方式,支持自动轮播,带当前图片数字和张数,支持放大浏览
    效果如下。

    这里写图片描述

    支持放大浏览

    这里写图片描述

    因修改的文件比较多,不再单独列出修改方法,需要的朋友可以直接联系。

    展开全文
  • 蚂蚁分类信息系统5.8 解决手机端新闻详情页面上传大图时,手机端浏览没有自动缩放,修复该BUG修复后手机端可正常缩放

    蚂蚁分类信息系统5.8 解决手机端新闻详情页面上传大图时,手机端浏览没有自动缩放,修复该BUG

    这里写图片描述

    修复后手机端可正常缩放

    展开全文
  • 2、官网中屏幕旋转的事件是监听在元素上的,但是android手机只有window上才能监听到这个事件,ios可以监听在元素上,所以这个部分需要改为监听在window上,以便兼容 3、允许瀑布流方式的加载更多的图片(在预览...

    开发资源包在这里:


    http://download.csdn.net/detail/snow_finland/8763729


    其中有官网原始版本和楼主优化过的版本可选择(楼主优化的部分都用注释标出了)




    官网地址:


    http://be-fe.github.io/iSlider/



    需要用到islider时,可以包含islider.js的文件,然后js中做如下调用:


    var islider_tpl = '<div class="iSlider" id="J_islider">'+
    			'<div class="preview_toolbar preview_toolbar_top">'+
    				'<a id="J_close_preview" class="icons1 i_close"></a>'+
    				'<div class="user_info_box">'+
    					'<p class="creator"></p>'+
    					'<p class="time"></p>'+
    				'</div>'+
    			'</div>'+
    			'<div id="iSlider-wrapper" class="preview_wrap">'+
    			'</div>'+
    			'<p id="J_islider_loading_more" class="loading_more hide">正在加载更多...</p>'+
    		'</div>';
    		
    		
    $("#J_file_list .item").die().live('click',function(){
    	var show_current = $(this).index();
    	var window_scroll_top = $(window).scrollTop();
    	$('body').append(islider_tpl);
    	$('#J_file_list').hide();
    	
    	islider = new iSlider({
    		type: 'pic',
    		data: islider_array, // islider_array为arr形式,每一个arr中的obj包含需要用到的信息,比如fileid、content、creatorid、time等等
    		dom: document.getElementById("iSlider-wrapper"),
    		isLooping: true,
    		animateType: 'default',
    		useZoom: true,
    		initIndex: show_current
    	});
    	
    	var prevent_body_move = function(evt){
    		evt.preventDefault();
    	}
    	
    	var prevent_window = document.body;
    	prevent_window.addEventListener('touchmove', prevent_body_move);
    	
    	$('#J_close_preview').die().live('touchstart',function(){
    		islider.destroy();
    		$('#J_islider').remove();
    		prevent_window.removeEventListener('touchmove', prevent_body_move);
    		$('#J_file_list').show();
    		$(window).scrollTop(window_scroll_top);
    		return false;
    	});
    });


    由于代码都比较简单,并且资源包中的注释都非常详细,

    这里就提一下开发中碰到过的几个重要的部分:


    1、为了良好的用户体验,在出islider的图片预览浮层时,需要将所有body上别的元素隐藏,并且滚轴移动到左上角的地方,屏蔽body的默认move事件,确保屏幕中只有左右滑动,长按保存图片和关闭浮层这几个操作


    2、官网中屏幕旋转的事件是监听在元素上的,但是android手机只有window上才能监听到这个事件,ios可以监听在元素上,所以这个部分需要改为监听在window上,以便兼容


    3、允许瀑布流方式的加载更多的图片(在预览时),当图片是倒数三张的时候加载更多批次;当正在加载后一批并且这时已经是当前批次的最后一张图时,不允许左右滑动切换图片,并且给出正在加载的提示


    4、修复官网代码中,只有一张图片时的加载和左右滑动的事件错误


    5、重设了最大和最小的缩放尺寸(官网版本只有最小缩放尺寸)



    PS:这是楼主目前用下来最好用的图片预览插件,没有之一,可控性比较强,而且代码比较简短,比较清晰,容易根据个人需要进行改动和添加,并且没有屏蔽浏览器原生的长按保存图片的功能

    版权声明:本文为博主原创文章,未经博主允许不得转载。

    转载于:https://www.cnblogs.com/snow-finland/p/4690155.html

    展开全文
  • 牡丹江分类信息港带手机版,是以ASP+ACC进行开发的分类信息源码,PC,手机,二合一源码。 后台登陆地址/admin 账号 admin 密码admin 牡丹江分类信息网带手机版3.0更新 1:增加手机版,电脑手机数据同步,手机可以发布...
  • 原生js实现手机商城左侧分类菜单和产品图片轮播切换组合布局效果。适用于各种商城的主屏页面商品图片和导航菜单布局样式代码
  • 可用于分类器训练的草莓图片,数量1000+,手机拍摄
  • 关于爬取京东手机图片:之前一直使用python2加xpath来完成这个任务。本篇介绍如何使用python3加正则表达式来完成。使用的书籍《精通Python网络爬虫》中的案例代码不太适用了,在这里稍作改进。 首先来观察网站,进入...
  • 手机可以发布信息,手机版目录/wap4:支持支付宝,财付通支付插件5:支持QQ登陆6: 支持vip会员格子显示vip单独标志,支持置顶功能7:图片广告管理功能牡丹江分类信息港带手机版前台页面牡丹江分类信息港带手机手机...
  • Atitit 手机图片备份解决方案attilax总结 1.1. 图片分类 相机图片与app图片1 1.2. 增量备份,只能使用按照时间法备份。。1 1.3. 备份工具选型1 1.4. App图片,只好使用增量备份,然后删除法。。按月份备份。。...
  • ios自定义批量获取手机图片,及相册分类,针对ios8前后实现两种不同的获取方式,获取图片快速、占用内存小。
  • jQuery仿京东商城手机端商品分类滑动切换特效一款仿京商城东手机移动端商品图片分类导航滑动效果,jQuery商品二级分类菜单切换特效。js代码//设置cookiefunction setCookie(cname, cvalue, exdays) {var d = new ...
  • 安卓手机助手竟然不能按日期分类导出图片~~无奈现学VB自己动手写了个脚本,该脚本可以在windows上完成将图片按拍摄日期分类的功能。步骤如下:1.把脚本放到图片所在目录;2.修改脚本内的srcPath变量到当前目录;3....
  • 链接:https://pan.baidu.com/s/1F93HHZvZ9IpRFuNc-CHUPA 提取码:qgq6 复制这段内容后打开百度网盘手机App,操作更方便哦
  • 图片分类任务 计算机视觉的核心任务 挑战 计算机看到的是像素数值,如 800×600×3的数据,当一只猫图片的时候,像素值也会变化 如背景影响、光照、形变、遮挡等 机器学习 数据驱动 输入:手机图片和标签数据 学习...
  • 1、电脑手机版展示功能,电脑手机数据同步,可以对接微信公众号和生成小程序,手机版目录/wap2、丰富商家功能,商家分类3、论坛功能4、信息分类5、后台图片广告管理功能生活分类信息网站电脑加手机版小程序2.0更新1、...
  • 支持置顶功能7、图片广告管理功能生活分类信息港电脑加手机加微信2019新版4.0更新1、增加手机版底部浮动导航菜单2、优化手机版信息发布页面,搜索页面3、PC首页添加置顶分类,修复通栏广告在首页显示4、优化PC信息...
  • 使用urllib和re模块爬取京东商城手机分类下的所有图片 思路: 1.通过for循环控制每一页的爬取,并组合每一页的url url="https://list.jd.com/list.html?cat=9987,653,655&page="+page 2.爬取每一页中的数据,通过...
  • ios批量获取手机图片及相册分类,快速占用内存少。
  • 分别爬取手机,pad,笔记本和台式机商品图片各1万张 #爬虫代码 import re import requests from multiprocessing.pool import Pool from lxml import etree import time #爬取每页商品图片url def crawl
  • 如今出门只需一部手机即可,吃的,穿的,用的一有尽有,特别的手机端上的平台购物量越来越大,而淘宝和那些一线主流平台也开始重视,以后会更加注重淘宝手机详情页的发展,所以我们必须抢先一步做好手机详情页,来...
  • Android实现获取手机里面的所有图片

    千次阅读 2017-07-03 18:07:56
    标签: android获取手机图片ContentProviderContentResolverMedialistview 2016-09-03 22:52 2469人阅读 评论(0) 收藏 举报  分类: android(15)  版权声明:本文为博主原创文章,未经博...
  • 使用TensorFlow中的卷积神经网络CNN对于图片进行分类。 简介 CIFAR-10 每张图片: (32,32) 六万张 mark 十种分类 训练集: 五万张 测试集: 一万张 汽车 手机 鸟 猫 等。 图片 彩色 (32,32) 我们将要使用的卷积神经...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,577
精华内容 630
关键字:

手机图片分类