Tag: 交换

如何保持ImageSwap流畅的jquery

我发现这个脚本可以在hover时更改图像。 $(document).ready(function() { $(‘.rollover’).hover(function() { swapImage(this); }, function() { swapImage(this); }); }); function swapImage(image) { var current = $(image).attr(‘src’); $(image).attr(‘src’, $(image).attr(‘hover’)); $(image).attr(‘hover’, current); } 但现在我遇到了问题,我想要一个平滑/柔和的运输,而不是那个,它现在做了什么。 在这里你可以找到一个小提琴: JSfiddle 谢谢,周日愉快!

jQuery交换下一个/上一个图像,数组中的图像

我有一个图像ID的文字数组,我需要在中将它们交换到按钮上的下一个或上一个图像点击事件。 初始当前图像ID在初始页面加载时从服务器端提供的img src 。 显然,在交换之前,需要使用目标ID构建URL,如下所示: ‘http://site.com/images/’ + imageID + ‘.jpg’ 我是一名JS / jQuery初学者,我想学习一种正确的,简约的方法。 TIA。 我的代码开始: var images=[“777777″,”666666″,”555555”]; var max = $(images).length; $(‘#swapnextimg’).click{ $(“#imageswap”).attr(‘src’, …… ); }

如何在jquery中交换Image

如何在点击该图像时交换图像的SRC属性? $(‘img[src=”https://stackoverflow.com/questions/8277524/how-to-swap-image-in-jquery/layout/images/search.png”]’).click(function () { $(this).attr(‘src’,”./layout/images/search_select.png”) });

Jquery Mouseenter / Mouse离开图像交换

所以我写了一些代码来尝试一些新的方法来进行图像交换以达到预加载的目的,我遇到了一些麻烦。 我的问题是我有一个容器,其中的图像有一些填充和文本,但只有当有人滚过图像而不是容器时才会激活我的翻转。 我必须有一些小错误,希望有人可以帮助我。 还在学习! 这是html: A.EFFECT: Film Poster 这是jquery: $(document).ready(function(){ $(“.rollover”).hide(); $(“.projectThumb”).mouseenter( function(){ $(this).attr(“.static”).hide(); }, function(){ $(this).attr(“.rollover”).show(); }); $(“.projectThumb”).mouseleave( function(){ $(this).attr(“.rollover”).hide(); }, function(){ $(this).attr(“.static”).show(); }); });

Zurb Foundation Interchange不工作,’nodeName’未定义

我正在尝试使用交换来根据屏幕大小更改图像。 但是,当初始化交换时,没有图像加载。 然后,当我调整浏览器大小(1024px及更低)时,我在控制台中收到错误消息: Uncaught TypeError: Cannot read property ‘nodeName’ of undefined 这与foundation.interchange.js的第47行有关,它是: if (/IMG/.test(el[0].nodeName)) { 我试图使用的代码是: 根据Zurb的文档,这是完全标准的。 我确保图像存在,他们这样做。 我正在使用Foundation版本5.2.2。 有任何想法吗?

在jQuery中交换两个元素

嘿家伙我正在尝试使用向上和向下箭头交换两个元素。 一个JSFiddle解决方案会很棒! 🙂 HTML标记就像: Some text down Some other text up down Some text up down Some other text up 我的最后一次尝试是: // el is the clicked one. jQuery(‘.move’).children().click(function(el){ if(jQuery(el).hasClass(‘move-down’) === true) { el = jQuery(el).parent().parent(); el.prependTo(el.after(el)); } else { el = jQuery(el).parent().parent(); el.appendTo(el.before(el)); } }); 我尝试了很多不同的方法来改变物品。 我曾尝试在()之后使用replaceWith(),但没有任何效果。 注意:我已经编写了一个显示正确上/下div的function。 所以第一个和最后一个只能向一个方向移动。 那已经解决了。 我也不能使用任何现有的jquery插件。

用于图像的交换按钮(Jquery)

我有一个按钮,当它被点击时,我想用一个图像替换按钮。 我怎么能在JQuery中做到这一点? 是否有可能替换图像的背景? 按钮本身在一个大的div内,我不想在按钮周围添加另一个div,因为它弄乱了以前的布局。

点击时交换类

我有一个全局div中的6个项目的列表(navigationagence)现在我能够在点击上添加一个类,但是现在他们加起来意味着一旦我的六个项目被点击它们都会结束当前的类。 我希望能够删除添加一个类到被点击的项目,但将其删除到另一个,我怎么能实现这一点? 这是我现在使用的jquery代码。 $(“#navigationagence ul li”)。click(function(){$(this).toggleClass(“currentagence”);});