https://github.com/html-next/ember-async-image

A lightweight performance minded image component.
https://github.com/html-next/ember-async-image

Last synced: 8 months ago
JSON representation

A lightweight performance minded image component.

• Host: GitHub
• URL: https://github.com/html-next/ember-async-image
• Owner: html-next
• License: mit
• Created: 2015-11-06T21:56:18.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2021-01-12T10:15:22.000Z (over 5 years ago)
• Last Synced: 2025-05-11T00:34:40.092Z (about 1 year ago)
• Language: JavaScript
• Size: 104 KB
• Stars: 19
• Watchers: 1
• Forks: 13
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
# Ember-async-image

[![npm version](https://badge.fury.io/js/ember-async-image.svg)](http://badge.fury.io/js/ember-async-image)

[![Build Status](https://travis-ci.org/runspired/ember-async-image.svg)](https://travis-ci.org/runspired/ember-async-image)

[![Ember Observer Score](http://emberobserver.com/badges/ember-async-image.svg)](http://emberobserver.com/addons/ember-async-image)

A lightweight performance minded image component.

`{{async-image}}` is a `1:1` drop in replacement for ``, introducing no

additional markup and containing optimized teardown and image swapping.

Extracted from [smoke-and-mirrors](https://github.com/runspired/smoke-and-mirrors)

## Usage

```hbs

{{async-image

  src=(if attrs.imageSrc attrs.imageSrc attrs.imagePlaceholder)

  alt=attrs.imageAlt

  title=attrs.imageTitle

}}

```