Skip to content
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
60 lines (57 sloc) 1.57 KB
<script src=""></script>
<script src=""></script>
<script src=""></script>
<style type="text/css">
.photos {
display: grid;
grid-template-columns: repeat(auto-fill, 200px);
grid-gap: 6px;
text-align: center;
.photos div {
/* needed for lazy loading to properly kick in */
min-height: 180px;
<div id="app">
<div class="photos">
<div v-for="image in images">
:operations="[{name: 'resize', options: {width: 180, height: 180}}]"
:options="[{autoformat: 1}, {autoformat: 1, dpr: 2}]"
:postfix="['1x', '2x']">
const rokkaKey = '1V5HdgIYdFnVu8qU7HfXYiHjVdRtYWFB' //read only key
const rokkaOrg = 'gallery-demo'
const rokkaClient = rokka({
apiKey: rokkaKey,
new Vue({
el: '#app',
components: {
RokkaImgLazy: vueRokkaImageLazy.RokkaImgLazy,
data: {
images: []
created() {
rokkaClient.sourceimages.list(rokkaOrg, {limit: 100}).then(result => {
this.images = result.body.items
You can’t perform that action at this time.