草庐IT

iPhone 全屏图像

全部标签

javascript - 拖动以像在 iPhone 中一样使用 jQuery 更改图像幻灯片

我正在为我的站点使用超大型jquery插件。它带有下一张和上一张幻灯片的按钮。我想在其中实现拖动更改功能。如果有人点击并将鼠标向右移动,它应该充当下一张幻灯片按钮。但是我如何使用jquery来实现呢?我怎么知道用户何时单击n向左/向右拖动http://buildinternet.com/project/supersized/ 最佳答案 jQuery将mouseUp、mouseDown和mouseMove识别为事件。您必须在mouseDown上捕获鼠标位置,在它移动时更新位置并将其与您最初捕获的位置进行比较。虽然这是高度理论化的,但请

javascript - 如何知道是否已使用 javascript 加载图像

我正在编写一个显示相册的网站,该页面正在加载缩略图并在每张图片完全加载之前应用白色叠加层。我在本地对此进行了编码,它工作正常。但是在我的服务器上上传文件并加载页面会带来一些显示错误,一些白色覆盖不会淡出,因为jQueryload函数没有被触发,因为图像在加载和应用脚本之前加载.解决方案是仅在执行jQuery脚本时仍在加载的图像上应用白色覆盖。我的问题是如何知道页面中的特定元素是否仍在获取或已完全呈现在屏幕上?注意:这是页面http://www.benjamindegenne.com/portfolio/numeric/upper-playground/ 最佳

javascript - 在 Google Chrome 中使用全屏 API 时,我无法在输入元素中使用字母数字键盘

在GoogleChrome中,当我使用FullScreenAPI并尝试在输入元素中输入字母数字内容时,它没有执行任何操作。它适用于Firefox。他们是GoogleChrome中这个问题的解决方法吗? 最佳答案 docElm.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);检查thislink链接内容:FullscreenwithkeyinputForsecurityreasons,mostkeyboardinputshavebeenblockedinthefullscre

javascript - 防止图像在 AngularJs 中渲染

我有这个jsFiddle:http://jsfiddle.net/HMZuh/1/其中包含此htmlshowimage和这个脚本:functionShowHideController($scope){$scope.showMe=false;$scope.imageSource='';$scope.showImage=function(){$scope.showMe=true;$scope.imageSource='https://www.google.com/images/srpr/logo3w.png';}}我收到404,当源尚未设置时找不到图像,当showMe为false时有什么方

javascript - 在 FabricJS 中,更改图像元素的 src 会更改该对象的所有属性

在Fabric.jsCanvas中,我试图将图像对象的src替换为高分辨率图像,以便在使用canvas.toDataURLWithMultiplier时保持图像质量。当我更改图像对象的src时,它的所有属性也会更改。图像对象会自动缩放到不同的大小,并且所有状态属性都会更改。这是从版本0.9.15开始发生的。当我使用0.8.32版本时,它可以工作。0.8.32版本没有这个问题。代码如下:ChangeImagecanvas=newfabric.Canvas('canvas');fabric.Image.fromURL("http://timeplusq.com/dakshin/clip03

javascript - 在发送请求之前更改图像的 src

我对这个问题做了很多研究,但没有成功。基本上我想做的是:1)用占位符替换所有图像的src-属性,例如'blank.gif'2)添加带有原始图片位置的HTML5data-original属性3)Lazyload图像(它需要数据原始属性才能正常工作)我没有成功的尝试:1)附加此事件监听器document.addEventListener('beforeload',doBeforeLoad,true);有了这个功能functionbeforeload(){varblank='image/location/images/blank.gif';$('img').each(function(){v

javascript - 定义图像的一部分并分配给悬停、单击事件

假设我们有一张人体图像,我希望当用户将鼠标悬停在body​​的一部分(头部、ARM等)上时,这个器官会变成绿色,并且当他点击时会发生定义的Action。使用javascript可行吗?如果是的话,概念是什么?问题原因:目标:这是现有项目的一小部分,用户可以在其中输入他的病史,所以我想给他一个下拉菜单,所有器官只显示一个人类模型,他点击并保存他的tramua历史等。要做到这一点,我想我需要一个人体图像,并定义该图像上表示的每个器官的X-Y边界,并为其赋予一些属性(名称)。用户悬停:例如器官显示的边界和背景颜色为绿色当用户点击时,它会调用该对象表单。js-jquery中是否存在类似的东西?

javascript - iPhone 为 (hash and 3) 和 (Asterisk and 8) 返回相同的按键事件

我正在处理电话验证,需要使用电话号码自动格式化输入,并且只允许添加数字字符。但是,当我尝试使用keydown和keypress限制输入时,iPhone允许我输入#和*。当我检查keydown值时,它们分别与3和8相同(键码51和56)。这在Android浏览器中完美运行,但在iPhone中失败。任何人都遇到过类似的问题。$(formSelector+'input[name^="phone"]').on('keydownkeypress',function(e){//Allow:backspace,delete,tab,escape,andenterif(e.keyCode==46||e

javascript - 使用网络摄像头捕捉图像

我正在使用Asp.netMVC4开发一个项目。我需要用网络摄像头拍照。此应用程序应该可以配置为任何平板电脑。目前在台式机上运行该应用程序,在平板电脑上没有。我正在使用jscam.swf和jscam_canvas_only.swf。在平板电脑上,我在这些设备上使用SamsungGalaxy安装adobeflashplayer无法正常工作...有人知道其他一些拍照技术,或者如果有人可以帮助我解决这个问题,我将不胜感激 最佳答案 Flash在Android平板电脑上的支持有限,在iOS设备上不支持。更好的解决方案可能是转向100%HTML

javascript - 即时客户端图像到 webp 转换器......但 png 不透明

这是将jpg或png转换为webp的工作代码谷歌的新图像格式平均比jpg或png小30-40%1.用Chrome打开2.设置质量3.在页面内放置图片4.等待(取决于大小..先尝试小图片)5.悬停图片查看大小差异6.要将其正确保存为webp,只需单击它基本上chrome添加了将图像/webp和质量添加到toDataURL函数的可能性canvas.toDataURL('image/webp',quality(0-1))压缩很棒。但我有一个小问题...png不透明..它会是什么?也许将Canvas设置为透明?怎么办?html,body{width:100%;height:100%;margi