画像を真ん中にする

gistfile1.txt

$ ->
  $('.js-article-eyecatch-image').on('load', ->
    eyeCatchWidth = $(this).width()
    eyeCatchHeight = $(this).height()
    eyeCatchWrapperWidth = $(this).parent().width()
    eyeCatchWrapperHeight = $(this).parent().height()
    minEyeCatchWrapperHeight = eyeCatchWrapperHeight / eyeCatchWrapperWidth
    minEyeCatchWrapperWidth = eyeCatchHeight / eyeCatchWidth
    if eyeCatchWidth > eyeCatchHeight
      # 横長画像
      if minEyeCatchWrapperHeight > minEyeCatchWrapperWidth
        $(this).css('height', '100.1%')
      else
        $(this).css('width', '100.1%')
    else
      # 縦長画像
      if minEyeCatchWrapperWidth > minEyeCatchWrapperHeight
        $(this).css('width', '100.1%')
      else
        $(this).css('height', '100.1%')
    # thisにcssでサイズ変更しているのでサイズを再取得
    fixedEyeCatchWidth = $(this).width()
    fixedEyeCatchHeight = $(this).height()
    $(this).css('margin-left', fixedEyeCatchWidth / -2)
    $(this).css('margin-top', fixedEyeCatchHeight / -2)
  ).each ->
    if @complete
      $(this).load()