Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- app.WallView = Backbone.View.extend({
- el: '#wall',
- initialize: function() {
- this.collection = new app.ImageCollection();
- this.collection.fetch({reset: true});
- this.render();
- this.listenTo( this.collection, 'reset', this.render );
- },
- render: function() {
- this.collection.each(function( item ) {
- this.renderImage( item );
- }, this );
- var $container = $("#wall");
- $container.imagesLoaded( function() {
- $container.masonry({
- });
- });
- },
- renderImage: function( item ) {
- var imageView = new app.ImageView({
- model: item
- });
- this.$el.append( imageView.render().el );
- }
- });
- new app.WallView();
- <div id="wall" class="images"></div>
- <script type="text/template" id="image-template">
- <img src="<%= url %>"></img>
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement