Skip to content

Instantly share code, notes, and snippets.

@TaekeKeuning
Created June 6, 2014 11:32
<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/polymer-ajax/polymer-ajax.html">
<polymer-element name="x-component" noscript>
<style>
:host section.container{
display: inline;
}
:host div.image{
height:150px;
border: solid black thick;
}
</style>
<template>
<template repeat="{{img in imagelist}}">
<section class="container">
<div class="image">
<img src=" {{ img.imageURL }} ">
</div>
</section>
</template>
</template>
<script>
Polymer('x-component', {
imagelist: [
{"imageURL": "https://cdn4.iconfinder.com/data/icons/icon-flat-icon-set/50/home-128.png", "clicks": 0},
{"imageURL": "https://cdn4.iconfinder.com/data/icons/icon-flat-icon-set/50/home-128.png", "clicks": 0},
{"imageURL": "https://cdn4.iconfinder.com/data/icons/icon-flat-icon-set/50/home-128.png", "clicks": 0}
]
});
</script>
</polymer-element>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment