Tag: image gallery

制作响应式图像滑块/旋转木马

我正在创建自己的滑块，我需要一些帮助才能使其响应。 现在它适用于第一张幻灯片上的响应部分，但当我转到下一张幻灯片（在这种情况下，任何不是第一个孩子的li）时，li的定位和宽度不会加起来，一切都会出错。 这很难解释，如果有人可以看看，我很乐意： http://robbinj.se/r/ 我有一个宽度为100％的包装，每个li的宽度设置为100％的包装宽度。 如果您不明白我之后尝试转到页面，请在第一张幻灯片上调整浏览器的大小，这也是我希望它在所有其他幻灯片上工作的方式，但我需要一些关于如何操作的想法！ 这是jQuery： var slideLiWidth = $(‘#slider’).width(), slideUl = $(‘#slider ul’), slideLi = $(slideUl).find(‘li’), slides = $(slideLi).length, slideNav = $(‘.slideNav’), current = 1; slideLi.width(slideLiWidth); $(window).resize(function() { var slideLiWidth = $(‘#slider’).width(); slideLi.width(slideLiWidth); }); slideNav.click(function() { dir = $(this).data(‘dir’); transition(); }); function transition() { var slideLiWidth = $(‘#slider’).width(); if (dir === ‘next’ && […]