Tag: image

jQuery数组中的下一个和上一个: 所以我有一个带有图像URL的jQuery数组： var images = [“link1″,”link2″,”etc”,”etc”]; 然后，当点击图像的缩略图时，我有这个代码： $(‘.thumbnail’).click(function(){ var link = $(this).attr(‘src’); $(‘.large_view’).prepend(”); }); 这一切都运行正常，但我希望代码能够工作，这样当我单击按钮.next和.previous ，下一个/上一个图像的URL（在数组中）将替换当前预先放在.large_view中的.large_view 我假设我需要在某种程度上找到所点击图像在数组中的哪个数字，然后将数字增加或减少到新图像的数字。该如何实现？

监控图像访问和/或阻止直接访问: 我希望用户将图像看作网页的一部分，但我想避免他们直接访问图像。例如，这可以在URL中提供关于他们链接到哪个用户的线索（我在一个Facebook应用程序中看到的一个缺陷）。如何监控图像访问和/或阻止直接访问图像（例如通过URL重写…）？解答建议到目前为止：使用标题（可靠吗？）使图像访问更加困难（例如：将图像设置为div背景）。 …

Kinetic JS – 试图调整图像大小的问题: 我刚开始使用Kinetic JS。如果你看这个链接：例子一些代码在这里： function update(group, activeHandle) { var topLeft = group.get(“.topLeft”)[0], topRight = group.get(“.topRight”)[0], bottomRight = group.get(“.bottomRight”)[0], bottomLeft = group.get(“.bottomLeft”)[0], image = group.get(“.image”)[0], activeHandleName = activeHandle.getName(), newWidth, newHeight, imageX, imageY; // Update the positions of handles during drag. // This needs to happen so the dimension calculation can use the // handle positions […]

将fadeIn和fadeOut效果添加到图像灯箱JQuery中: 我有一个jQuery灯箱，用户点击两个链接’next’和’previous’来浏览图像。如何淡入新图像？这是我的代码片段，说明新图像如何替换旧图像。 var image = $(item).find(‘a’).attr(‘href’); $(‘#lightbox img#image’).attr(‘src’, image);

在Fancybox中保存图像: 我刚刚切换到使用Fancybox，因为我想通过右键单击“将图像另存为”来下载图像。我见过其他网站这样做。但是，在我的网站上，右键单击“保存图像为”的选项仅显示在图片的中间部分。当鼠标hover在图像的左右部分上方时，没有这样的选项。我的问题网站是： http ： //www.lixiao-art.com/latest.html 这是为什么？当鼠标hover在图像的任何部分上方时，如何显示“保存图像为”选项？请帮忙。

jQuery应该模糊全屏背景图像: HEJ！我需要一些jQuery 在中间模糊我的全屏背景图像 1000px （所以：margin：0 auto; width：1000px;）。这是一个例子： http ： //imageshack.us/a/img443/4976/j7qj.jpg 我知道这不是一个问题 – 但我需要一些帮助，因为我的jQuery（或JS）知识不是基本的。无论如何，我希望有人可以帮助我。我正在使用它作为我的全屏背景图像：bg {left：0; 最小高度：100％; 最小宽度：100％; 位置：固定; 顶部：0; z-index：-1; }

读取图像的绝对重定向SRC属性URL: 我正在使用Twitter头像API在客户端获取用户的头像URL，我想缓存响应，但不是常规JSON（或者实际上是任何其他类型），他们只发出一个302重定向。这不起作用（因为它是跨域）： jQuery.getJSON(‘https://api.twitter.com/1/users/profile_image/60173.json’, function(data, status, jqxhr){ console.log(“data: “, data); console.log(“status: “, status); console.log(“jqxhr: “, jqxhr); console.log(jqxhr.getResponseHeader(‘Location’)); console.log(jqxhr.getAllResponseHeaders()); }) 数据为空，状态为“成功”，jqhxr返回jqxhr对象，但getResponseHeader（）和getResponseHeaders（）为空，因为它是跨域调用而不是真正的XMLHTTP调用。所以我想我可以使用load（）事件来显示302发生后图像的实际url。我试过这个： function avatar_loaded(img) { console.log(“We loaded an avatar for %s (img)[0].src is %o attr(‘src’) is %o getAttribute(‘src’) is %o”, img, jQuery(img)[0].src, jQuery(img).attr(‘src’), img.getAttribute(“src”)); } var avatar_url = “https://api.twitter.com/1/users/profile_image/60173”; jQuery(‘body’).append(“”); 你会看到avatar_loaded函数被调用两次。一次使用初始img src（https://api.twitter.com/1/users/profile_image/60173）然后再次使用302ed实际图像urlhttp://a1.twimg.com/profile_images/1272489576/ Photo_38_normal.jpg 但无论我尝试什么，我都无法读取重定向的绝对URL。还有其他想法吗？ […]

为生成的图像提供ID / Class: 我有10张左右的图片来自flickr。目前他们只是作为没有个人ID或类名的图像进入。所以我有： …等等。我想要做的是：但是因为它们是通过jQuery引入的，而不是手动引入的，所以我不确定如何按顺序将这些ID添加到图像中。每个都需要不同的风格。有任何想法吗？

Bootstrap 3 mouseover图像响应: 针对Bootstrap 3的响应式图像鼠标hover是否有任何解决方案？这是我的代码： http ： //jsfiddle.net/4gac7/ .image{ background-image:url(“http://placehold.it/350×150/000/fff”); width:350px; /* responsive possible ?? */ height:150px; } .image:hover{ background-image:url(“http://placehold.it/350×150/ccc/fff”); } 谢谢！

如何通过ajax发送大型base64图像字符串？: 我在通过ajax发送base64图像字符串时遇到问题。当我上传小图像时，它工作正常，但当我尝试上传大图像时，它会产生错误。实际上我正在创建一个在线可自定义的打印Web应用程序。因此，用户可以选择添加文本和图像。我想要的是当用户按下提交按钮时，html页面的body标签内的整个数据应该通过ajax传递到我的sql server数据库。这是我的Mark Up Please Add Default Details Arial Segoe UI Lithos Pro Edo Tahoma Gallete Adventure AvQest Bead Chain Miami 10px 15px 20px 25px 30px 35px 这是我的jQuery //Image Upload Code function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $(‘#safeZone’).attr(‘src’, e.target.result); } […]