jquery如果超过4个图像将标签添加到div

时间:2015-06-19 17:19:26

标签: javascript jquery html carousel

所以我对jquery非常糟糕,我需要一些代码帮助。所以我正在做旋转木马,并且会有4个图像,我希望它是静态的(禁用轮播,删除html标签或smth。)但是如果分辨率是> 1000px启用轮播。但如果有5个图像只是启用它。

抱歉英语不好,谢谢:)

2 个答案:

答案 0 :(得分:0)

http://www.w3schools.com/js/js_if_else.asp

来自jquery的attr()应该允许你测试> =的大小并做你想做的事。

http://api.jquery.com/attr/

答案 1 :(得分:0)

因此,让我们假设您在完全加载页面时图像的计数是固定的。你要放入旋转木马的图像有carousel类,你可以写这样的东西。

// jQuery onDomready
$(function(){
  var CAROUSEL_THRESHOLD = 1000;
  var IMAGECOUNT_THRESHOLD = 4;
  // Get window width;
  var screenWidth = $(window).width();
  var images = $('.carousel');
  var imageCount = images.length;

  if (screenWidth >= CAROUSEL_THRESHOLD || imageCount > IMAGECOUNT_THRESHOLD) {
    // Enable the carousel. ....
  }

});