I'm trying to do a carousel slider in Ember but I'm already stack since I can't make Ember fetch my images. Here my code:

App:

```
window.ArtRank = Ember.Application.create();

ArtRank.ApplicationAdapter = DS.FixtureAdapter.extend();

```

Router:

```
ArtRank.Router.map(function (){
        this.resource('index', {path: '/'}, function() {
            this.resource("home", {path: '/'}, function() {
                this.resource("photo", {path: '/photo'});
            });
            this.resource('categories', { path: "/categories" });
            this.resource('profile', { path: "/profile" });
        });
    });

ArtRank.PhotoRoute = Ember.Route.extend({
    model: function() {
        return this.store.find('photo');
    }
});

```

Model:

```
ArtRank.Photo = DS.Model.extend({
    imageTitle: DS.attr('string'),
    imageUrl: DS.attr('string')
});

ArtRank.Photo.FIXTURES = [
     {
       id: 1,
       imageTitle: 'Learn Ember.js',
       imageUrl: 'http://getbootstrap.com/2.3.2/assets/img/bootstrap-mdo-sfmoma-01.jpg'
     },
     {
       id: 2,
       imageTitle: '...',
       imageUrl: 'http://getbootstrap.com/2.3.2/assets/img/bootstrap-mdo-sfmoma-01.jpg'
     },
     {
       id: 3,
       imageTtitle: 'Profit!',
       imageUrl: 'http://getbootstrap.com/2.3.2/assets/img/bootstrap-mdo-sfmoma-01.jpg'
     }
];

```

My Templates are made by:
Index within header and footer and {{outlet}}

Outelet call home.hbs that is: {{partial photo}}

home.hbs render photo.hbs that is:

```
<div class="photos-wrap">
        <h1>{{ imageTitle }}</h1>

        <div class="photoItem">
                <img id="photoItem" {{bind-attr src="imageUrl"}} />
        </div>
</div>

```

Any suggestion is really appreciated!