将默认图库输出的布局更改为砖石结构

时间:2013-06-03 作者:Luigi

我正在更改库快捷码的默认布局。我的职能中有这一点。php:

$attr[\'columns\'] = 1;
$attr[\'size\'] = \'full\';
$attr[\'link\'] = \'none\';

$attr[\'orderby\'] = \'post__in\';
$attr[\'include\'] = $attr[\'ids\'];
这些是硬编码的默认选项,允许我为中的所有图像设置最大宽度。画廊:

$.each($(\'.gallery img\'), function () {
    $(this).css({
        \'max-width\' : 300
    });
});
在那之后,我开始做砖石工程,看起来几乎完美无瑕。My problem is... 我想通过以下方式之一设置随机最大宽度:

1) 使用三个或四个值随机设置数组中每个图像的最大宽度

2) 生成一个范围内的随机偶数(例如260到480,步长为20px),并将其设置为最大宽度

...and I have no clue how to achieve that. 已经有几十个谷歌搜索查询了,但我仍然没有找到答案。我尝试了简单的javascript数学。地板和数学。随机函数,但我不是程序员,我想我做错了什么。我想让画廊便于移动。

非常感谢您的帮助。

1 个回复
最合适的回答,由SO网友:Nicolai Grossherr 整理而成

可以这样尝试:

$.each($(\'.gallery img\'), function () {
  var rndmnum = Math.floor((Math.random()*11)+1);
  rndmnum = rndmnum *20 + 260;

  $(this).css({
     \'max-width\' : rndmnum
  });
});
注:未测试

来源:
https://stackoverflow.com/questions/8904707/javascript-random-number-between-15-and-225-increments-of-30
https://stackoverflow.com/questions/8733838/random-max-width-for-each-image-on-a-page

编辑:更正的计算

结束

相关推荐

watermarking gallery items

如何使用中的函数仅向要在库中发布的图像添加图像水印functions.php? 图像可以在.jpg, .png, .gif 总体安排我也found this snippet 它提供相同的服务,但对所有上传的图像进行水印处理。