小编Cor*_*rey的帖子

尝试在初始保存时仍然在模型中获取上载图像的宽度和高度.

有什么办法吗？

这是我从模型中测试过的代码片段.当然它在"instance.photo_width"上失败了.

has_attached_file :photo,
                      :styles => {
                      :original  => "634x471>",
                      :thumb => Proc.new { |instance|                       
                                  ratio = instance.photo_width/instance.photo_height
                                  min_width   = 142
                                  min_height  = 119
                                  if ratio > 1
                                    final_height  = min_height
                                    final_width   = final_height * ratio
                                  else
                                    final_width   = min_width
                                    final_height  = final_width * ratio
                                  end
                                  "#{final_width}x#{final_height}" 
                                }
                    }, 
                    :storage => :s3,
                    :s3_credentials => "#{RAILS_ROOT}/config/s3.yml",
                    :path => ":attachment/:id/:style.:extension",
                    :bucket => 'foo_bucket' 

因此,我基本上是尝试这样做,以根据初始图像尺寸获得自定义缩略图的宽度和高度.

有任何想法吗？

我怎么能拒绝一个数组,如["Susy", "John", "Mary"]要"Susy, John, and Mary"在Javascript？我无法理解Ruby的to_sentence方法.

所以我知道如何用CSS3做一个基本的盒子阴影.您可以在下图中看到它.

我想要实现的效果是3D盒子阴影,如下图所示.

有关如何使用CSS3框阴影执行此操作的任何想法？

所以我试图在包含砌体网格的页面上实现连续循环效果.

基本上我有一个整页砌体网格,我想循环向上或向下滚动.

目前我有这个:

var $grid = $('.grid').masonry({
  itemSelector: '.grid-item',
  columnWidth: '.grid-sizer',
  gutter: '.gutter-sizer',
  percentPosition: true,
  transitionDuration: 0
});
$grid.imagesLoaded().progress(function(imgLoad, image) {
  var $item = $(image.img);
  $item.addClass('loaded');
  $grid.masonry('layout');
});

var origDocHeight = document.body.scrollHeight;

$(".grid").contents('.grid-item').clone().appendTo(".grid");
$grid.masonry('layout');

$(document).scroll(function() {
  var scrollWindowPos = $(document).scrollTop();
  console.log(scrollWindowPos);
  console.log(origDocHeight);
  if (scrollWindowPos >= origDocHeight) {
    $(document).scrollTop(0);
  } else if (scrollWindowPos == 0) {
    $(document).scrollTop(origDocHeight);
  }
});

你可以看到我目前在这里放在一起的东西:

http://codepen.io/tenold/pen/eZbWOW

我想我很亲密.我认为困难的是,砌体从顶部开始,所有物品都冲到屏幕顶部,显然它甚至不在底部.

我很好奇是否有办法做到这一点,Masonry从中间开始并上下放置网格项目？我知道他们有一个"originTop"选项可以合并两个砌体网格吗？

如果我想要实现的目标令人困惑,请告诉我,我可以尝试更好地解释.

我从这里开始使用一些循环代码:Continuous Looping Page(Not Infinite Scroll)

我在iOS开发方面比较新.

我目前正在使用可用于iPad Retina,iPad,iPhone 5和iPhone 4s/4的cocos2d库构建应用程序.

我正在设置所有图像,我正在试图找出命名约定.

有谁知道那里的指南可以帮助我吗？

说我有一个background.png.

据我所知:

• background.png - > iPhone(非视网膜/后备)
• background-hd.png - > iPhone 4s/4(视网膜)
• background-ipad.png - > iPad(非视网膜)
• background-ipadhd.png - > iPad(视网膜)

所有其他文件都使用相同的命名约定？例如:

• arbitraryButton.png - > iPhone(非视网膜/后备)
• arbitraryButton-hd.png - > iPhone 4s/4(视网膜)
• arbitraryButton-ipad.png - > iPad(非视网膜)
• arbitraryButton-ipadhd.png - > iPad(视网膜)

我怎么命名iPhone 5文件？

我搜索了一下,似乎找不到任何有形的指南.

谢谢!

说我有两个div并排.两者都是400px x 400px,溢出设置为auto.里面的内容高于400px所以有垂直滚动条.

当鼠标在左边的div上方,并且用户使用鼠标滚轮滚动时,我希望另一个div滚动,反之亦然.

所以基本上当用户在特定区域上使用鼠标滚轮时,我想分别控制另一个区域的滚动.

这有可能与jQuery？

所以这就是我想要做的.我有一个包含大量图像的网格,所以我使用imagesLoaded库和砌体.

这是我的CSS:

.grid {
    opacity:0;
}

和HTML:

<div class="grid">
    <div class="grid-sizer"></div>
    <div class="gutter-sizer"></div>
    <div class="item">image</div>
    <div class="item">image</div>
    <div class="item">image</div>
</div>

这是我的JS:

var $container = $('.grid');
// initialize Masonry after all images have loaded  
$container.imagesLoaded( function() {
    $container.masonry({
        columnWidth: '.grid-sizer',
        itemSelector: '.item',
        gutter: '.gutter-sizer'
    });
    $container.masonry('on', 'layoutComplete', function(){
        console.log('got here');
        $container.animate({'opacity':1});
    });
});

我的目标是隐藏网格直到所有图像都加载并且布局完成,然后将其淡入.出于某种原因,在上面的代码中,它永远不会进入layoutComplete块.

如果我在imagesLoaded之外移动该块,则$ container.masonry未定义该点.

有任何想法吗？

骗子在这里

如果将网格不透明度更改为1,则可以看到所有内容都已正确布局.只是想弄清楚如何调用layoutComplete以将不透明度设置为1.

这种方法对我来说根本不起作用.

有没有更新的现代方式这样做？

我的客户总是讨厌它,我还没有找到一个很好的方法来禁用它.

通过弹性滚动,我的意思是一旦你到达页面的顶部或底部,这些浏览器允许页面"过度滚动"以显示空白区域.我试图阻止这种行为.

好的,有一些关于如何做到这一点的答案.但所有答案都假设查询选择了全部.如果您有明确的选择,则方法不再有效.

请参阅此处了解该方法:在Postgresql中模拟MySQL的ORDER BY FIELD()

基本上我有

SELECT DISTINCT id 
FROM items 
WHERE id IN (5,2,9) 
ORDER BY
 CASE id
  WHEN 5 THEN 1 
  WHEN 2 THEN 2
  WHEN 9 THEN 3
 END

当然,这打破并说

"PGError:错误:对于SELECT DISTINCT,ORDER BY表达式必须出现在选择列表中"

有没有办法按照IN子句中的值的顺序在PostgreSQL中排序查询结果？

假设我有一个如下所示的数组：

$array = ['xl', 's', '1', '10', '3', 'xs', 'm', '3T', 'xxl', 'xxs', 'one size'];

我想对数组进行排序，如下所示：

$sortedArray = ['1', '3', '3T', '10', 'one size', 'xxs', 'xs', 's', 'm', 'xl', 'xxl'];

我怎样才能在javascript中对这个数组进行排序？

我可以发现一个模式，以便帮助我走上正确的轨道，但我无法弄清楚排序功能。所有以数字开头的尺寸的图案都是第一个，按数字排序（但不确定“3T”如何处理）。然后我们显示“一种尺寸”，然后根据预定义的顺序对其余尺寸（XXS、XS、S、M、L、XL、XXL）进行排序。