JavaScript:显示未知数量磁贴的逻辑

JavaScript: Logic to display unknown number of tiles

本文关键字：显示 未知数 JavaScript      更新时间：2023-09-26

我遇到的情况是我得到 4、5 或 6 张图像/图块。根据磁贴的数量，我需要格式化网页上的图像。像这样 http://prntscr.com/9y75dw

如果是五张图像，我必须将其格式化为第一行两张图像和第二行三张图像。你能帮我逻辑吗？

好吧，我没有看到一种技术，也许我错过了更合适或以通用的方式做到这一点，但由于给出的图像数量和数量的描述是随机的，我不知道这将如何工作。

var imageLength = $('img').length;
var newLength = 0, differenceLength=0;
if(imageLength%2==0){
  //incase of even number
  //Do what you like here eg: $('img').css('width', '50%');
}
else{
  // incase of odd number 
  newLength = Math.round(imageLength/2);  //dividing number into two parts.
  differenceLength = imageLength - newLength; //difference to put smaller above and greater below.
  $('parent-div img:nth-child(1)').nextUntil('img:nth-child('+differenceLength+')').wrapAll('<div></div>') //wraps into a container div
}

虽然这只是一种方式。你现在可能已经意识到了很多逻辑。

PS：我随机编写了此代码，因此请将其作为帮助的逻辑。不确定这是否有效。

相关文章：