Tag: 图片

Javascript可以访问原生图像大小吗?

我正在编写一个jQuery函数,我想访问图像的原生大小,以及页面上为其指定的大小。 我想为每个设置一个变量。 怎么做的?

调整背景图像以适应

我正在努力使背景图像尽可能专业,所以我认为最好根据浏览器的大小或分辨率来调整它的大小(不确定通常使用的是什么,但我认为浏览器大小在这里有意义)。 这个想法是如果观察者屏幕很小,背景图像变小,并且随着屏幕变大,图像会扩大以适应其最大尺寸。 我会根据需要尝试CSS甚至Javascript(JQuery)解决方案。

jQuery解析HTML而不加载图像

我从其他页面加载HTML以从该页面中提取和显示数据: $.get(‘http://example.org/205.html’, function (html) { console.log( $(html).find(‘#c1034’) ); }); 这确实有效,但由于$(html)我的浏览器尝试加载205.html中链接的图像。 我的域上不存在这些图像,因此我收到了很多404错误。 有没有办法解析页面,如$(html)但没有将整个页面加载到我的浏览器?

Javascript:单击缩略图可切换较大的图像。 最好的方法?

我一直在寻找一种非常简单/轻量级的方法,只需点击缩略图即可切换较大图像的src。 这就是我发现的: http : //snipplr.com/view/8688/jquery-image-swap/ 我还没有尝试过。 这是最好的解决方案吗? 要交换的较大图像将具有相同的宽度但具有不同的高度。 这会导致问题吗/我需要为此function添加一些内容吗? 用背景图像进行交换并且是最大图像的高度会更好吗? 另外,有人说它只能工作一次(??)……我需要它开始某个图像,然后能够在缩略图点击时更改为2-4个其他图像。 谢谢你的建议! 我当然(显然)没有Javascript作家。

jQuery:每隔5秒,自动点击一个列表中的下一个图像?

我有一个给定的图像列表,以缩略图forms显示: 我使用jQuery,这样,当用户点击图像时,它会替换div中的特色图像(我从另一个StackOverflow Ask中获取 ): $(‘#thumbs img’).click(function(){ $(‘div.feature-photo img’).hide().attr(‘src’,$(this).attr(‘src’)).fadeIn(); }); 我的问题是:有没有办法让它成为幻灯片? 也许每5秒自动“点击”下一张图片? setInterval在这方面发挥了作用吗? 我试图对它真正基本,并避免使用比我更多的插件。 (但如果没有其他办法,我会考虑..) 非常感谢任何帮助。

使用cropper js将canvas转换为blob

我使用cropper.js创建了一个用于裁剪图像的应用程序。 应用程序正在运行并且图像正在裁剪,之后我尝试将裁剪后的图像作为blob发送到服务器端进行存储, 根据cropper.js文档,我们可以使用canvas.toDataURL获取数据URL,或使用canvas.toBlob获取blob并使用FormData将其上载到服务器。 当我尝试使用canvas.toDataURL()时,我得到了base64字符串,但实际上我需要将文件作为blob发送,所以我尝试使用canvas.toBlob()但是我得到了Uncaught TypeError: canvas.toBlob is not a function chrome中Uncaught TypeError: canvas.toBlob is not a function和TypeError: Not enough arguments to HTMLCanvasElement.toBlob. 在Firefox中 任何人都可以告诉我一些解决方案 我的代码是这样的 var canvas = $image.cropper(“getCroppedCanvas”, undefined); var formData = new FormData(); formData.append(‘mainImage’, $(“#inputImage”)[0].files[0]); formData.append(‘croppedImage’, canvas.toBlob());

当图像进入浏览器的可见部分时加载图像?

我在网上浏览,看到了一些我以前从未见过的东西。 在这个网站上: http : //blogof.francescomugnai.com/2009/04/mega-roundup-of-geektool-scripts-inspiration-gallery/ 当您向下浏览页面时,图像仅在浏览器的可见部分中加载。 我以前从未见过这个,并且想知道是否有其他人以及如何做到这一点。 我猜这是某种Wordpress插件(这就是他正在使用的),但我不确定。 是javascript吗? 它们实际上是在页面加载时加载,但稍后会因“时髦”效果而变得可见,或者这对于更快的页面加载时间实际上是否有用?