Tag: 库

jQuery Resize Plugin适用于

我在这里使用 jQuery resize插件插件 ，它在图像上应该工作。 但我正试图将它应用到画廊Galleriffic 问题是主图像被包装在 ，当我向标签添加一个类时，resize不起作用。 有什么建议？ 这是我的标记： Any html can be placed here … 这是脚本： $(function() { $( “.resize1” ).aeImageResize({ height: 70, width: 70 }); $( “.resize2” ).aeImageResize({ height: 10, width: 10 }); }); resize脚本是完美的，但我需要它来实现 PD我一般都是jQuery和脚本编写者。 更新：这是截图如何在浏览器中显示： 这是来自galleriffic.js文件的一小部分 var newSlide = this.$imageContainer .append(‘ ‘) .find(‘span.current’).css(‘opacity’, ‘0’); newSlide.find(‘a’) .append(imageData.image) .click(function(e) { gallery.clickHandler(e, this); }); 它广告推进链接类。 […]

jQuery – 如何在动画或函数运行时删除事件处理程序？

我正在尝试创建一个图库。 在底部我有一条缩略图，这些缩略图在您单击箭头时左右滑动，但如果您多次单击箭头则会询问该function。 我想在运行函数时删除单击处理程序，然后再次替换它。 在旁注中，我的缩略图滚动条使用margin-left来设置动画，是否可以使用scrollTo或类似方法，以水平方式移动元素特定量，因此如果缩略图改变大小，它仍然可以工作？

逐步加载和附加图像

我有一个问题我无法克服。 我制作了一个简单的jQuery专辑库，我有这个function： function loadAlbum (index) { for (var j=1; j < xmlData[index].length; j++) { var img = new Image(); $(img).load(function() { $(this).hide(); $('#album'+index+' .photoContainer').append(this); $(this).fadeIn(); }) .error(function(){ //alert("Could not load one or more photo!"); }) .attr({ 'src': xmlData[index][j], 'id': 'img'+index+j, 'class': 'photoFrame', 'width': newW, 'height': newH }) .css({ 'width': newW, 'height': newH }); }; }; […]

如何在javascript / jquery中应用运动模糊？

我想知道如何在javascript / jquery中制作运动模糊。 我有一个水平画廊，我想在图像移动时应用运动模糊。 实际上，它以这种方式完美地工作：具有运动模糊（photoshop）的叠加图像和不透明度根据图像的速度而变化。 渲染看起来很不错，但我需要加载2次我的所有图像，它很糟糕。 在html中：

最小的jQuery灯箱脚本

什么是jQuery最小的灯箱插件（在大小方面）？ 接近Fancybox的东西，但更小:)

jQuery灯箱图库

jQuery插件是否存在标准灯箱function？ 在“灯箱”窗口中，我想在同一个“灯箱”窗口中的某个位置（左侧，底部等）显示当前图像和其余部分作为缩略图。

缩略图库的布局理论

我正在创建一个完全像这样的缩略图库（ http://tmv.proto.jp/#!/destroyftw ）。 目前我正在尝试制定脚本理论。 网页的实际脚本在这里（ http://tmv.proto.jp/tmv_v3.js ）。 因为我对javascript相对较新，这让我有点沮丧。 我已经尝试过使用砌体和同位素等插件，但是它们无法处理大量的图像。 更不用说无限滚动不适用于我需要的过滤。 所以我决定尝试自己编码。 这个想法是用户提交的图像将被调整为具有设定宽度的缩略图（当然，高度将被缩放以保持纵横比）。 然后这些缩略图将用于创建图库。 我遇到的问题是，我发现布局有点棘手。 看来该页面首先被分成列以形成第一个“行”。 之后，缩略图放在最左边最短的列中（具体来说，我想知道这种特殊图像定位技术背后的理论）。 例如 ：数字也可以理解为图像的ID。 （ID = “I_1” ID = “I_2”等） 这也会导致页面加载的级联淡入效果以及附加新图像时（它们根据其ID简单地淡入）。 我试图使用上面的脚本页面作为参考无济于事。 但是如果有人想自己检查我认为负责缩略图定位的function是在“ViewManager”下。 重申一下，我不是在寻找有人为我做我的工作。 我只是需要帮助制定理论，所以我将有一个开始的地方。 **Note**(In the script): cellSize= 100; cellMargin=1; doubleSize=201 (cellSize*2+cellMargin); totalCellSize=101 (cellSize+cellMargin);

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在这方面发挥了作用吗？ 我试图对它真正基本，并避免使用比我更多的插件。 （但如果没有其他办法，我会考虑..） 非常感谢任何帮助。

jquery将元素移动到随机顺序中

我试图以随机顺序显示一系列图像。 但是，我不希望任何单个项目重复，直到所有项目都显示出来，所以我不想从数组中选择一个随机图像，而是取整个数组，随机化它，然后从第一个到第一个顺序选择最后一个元素 这是我的代码： HTML： <div id="tout4" 和javascript，它当前按顺序选择和显示项目： var galleryLength = $(‘#tout4 img.img_lg’).length; var currentGallery = 0; setInterval(cycleGallery, 5000); function cycleGallery(){ $(‘#tout4 img.img_lg’).eq(currentGallery).fadeOut(300); if (currentGallery < (galleryLength-1)){ currentGallery++; } else { currentGallery = 0; } $('#tout4 img.img_lg').eq(currentGallery).fadeIn(300); } 那么如何重新排列图像的实际顺序，而不仅仅是它们被选中的顺序？