srcery.js/demo.html at 1.x · Srcery/srcery.js · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
---
layout: page
title : Demo
header : Testing srcery.js demonstration.
group: navigation
srcery:
  debug: true
---
{% include JB/setup %}
<div class="alert alert-success">
  <strong>Usage</strong>:  Drag-n-Drop images from your finder onto existing images and they will replace that image with your new one!  You can <a href="http://srcery.net/128x128.zip">download the sample images here...</a>
</div>
<div class="alert alert-block">
  <strong>Note:</strong>:  Currently, this only works with HTML5 browsers that support File objects... Namely Chrome and Firefox.  Also, please make sure to look at your Web Inspector during upload to watch progress.  Fallback support is coming...
</div>
<div id="images">
  <img class="srcery-img" src="{{site.srcery_url}}/inst/fe965dc0-adc6-11e1-afa6-0800200c9a66" />
  <img class="srcery-img" src="{{site.srcery_url}}/inst/0400edc0-adc7-11e1-afa6-0800200c9a66" />
  <img class="srcery-img" src="{{site.srcery_url}}/inst/08802dc0-adc7-11e1-afa6-0800200c9a66" />
  <img class="srcery-img" src="{{site.srcery_url}}/inst/0dbd6dc0-adc7-11e1-afa6-0800200c9a66" />
  <img class="srcery-img" src="{{site.srcery_url}}/inst/122c0dc0-adc7-11e1-afa6-0800200c9a66" />
  <img class="srcery-img" src="{{site.srcery_url}}/inst/17864dc0-adc7-11e1-afa6-0800200c9a66" />
  <img class="srcery-img" src="{{site.srcery_url}}/inst/2006fdc0-adc7-11e1-afa6-0800200c9a66" />
  <img class="srcery-img" src="{{site.srcery_url}}/inst/2470bdc0-adc7-11e1-afa6-0800200c9a66" />

  <img class="srcery-img" src="{{site.srcery_url}}/inst/ff8bddc0-b055-11e1-afa6-0800200c9a66" />
  <img class="srcery-img" src="{{site.srcery_url}}/inst/0e495dc0-b056-11e1-afa6-0800200c9a66" />
  <img class="srcery-img" src="{{site.srcery_url}}/inst/15389dc0-b056-11e1-afa6-0800200c9a66" />
  <img class="srcery-img" src="{{site.srcery_url}}/inst/1a7abdc0-b056-11e1-afa6-0800200c9a66" />
  <img class="srcery-img" src="{{site.srcery_url}}/inst/20200dc0-b056-11e1-afa6-0800200c9a66" />
  <img class="srcery-img" src="{{site.srcery_url}}/inst/27442dc0-b056-11e1-afa6-0800200c9a66" />
  <img class="srcery-img" src="{{site.srcery_url}}/inst/2d424dc0-b056-11e1-afa6-0800200c9a66" />
  <img class="srcery-img" src="{{site.srcery_url}}/inst/33862dc0-b056-11e1-afa6-0800200c9a66" />

  <img class="srcery-img" src="{{site.srcery_url}}/inst/32343dc0-adc6-11e1-afa6-0800200c9a66" />
  <img class="srcery-img" src="{{site.srcery_url}}/inst/98723dc0-adc7-11e1-afa6-0800200c9a66" />
  <img class="srcery-img" src="{{site.srcery_url}}/inst/03848dc2-adc7-11e1-afa6-0800200c9a66" />
  <img class="srcery-img" src="{{site.srcery_url}}/inst/77372dc3-adc7-11e1-afa6-0800200c9a66" />
  <img class="srcery-img" src="{{site.srcery_url}}/inst/00293dc4-adc7-11e1-afa6-0800200c9a66" />
  <img class="srcery-img" src="{{site.srcery_url}}/inst/12399dc3-adc7-11e1-afa6-0800200c9a66" />
  <img class="srcery-img" src="{{site.srcery_url}}/inst/88674dc9-adc7-11e1-afa6-0800200c9a66" />
  <img class="srcery-img" src="{{site.srcery_url}}/inst/57627dc9-adc7-11e1-afa6-0800200c9a66" />
<!--
  <div class="srcery-drop">
    <div class="srcery-drop-placeholder">
      <div class="srcery-drop-text">Drop image here</div>
    </div>
  </div>
  <div class="srcery-drop">
    <div class="srcery-drop-placeholder">
      <div class="srcery-drop-text">Drop image here</div>
    </div>
  </div>
  <div class="srcery-drop">
    <div class="srcery-drop-placeholder">
      <div class="srcery-drop-text">Drop image here</div>
    </div>
  </div>
  <div class="srcery-drop">
    <div class="srcery-drop-placeholder">
      <div class="srcery-drop-text">Drop image here</div>
    </div>
  </div>
  <div class="srcery-drop">
    <div class="srcery-drop-placeholder">
      <div class="srcery-drop-text">Drop image here</div>
    </div>
  </div>
  <div class="srcery-drop">
    <div class="srcery-drop-placeholder">
      <div class="srcery-drop-text">Drop image here</div>
    </div>
  </div>
  <div class="srcery-drop">
    <div class="srcery-drop-placeholder">
      <div class="srcery-drop-text">Drop image here</div>
    </div>
  </div>
  <div class="srcery-drop">
    <div class="srcery-drop-placeholder">
      <div class="srcery-drop-text">Drop image here</div>
    </div>
  </div>
-->
</div>