| 1 | <!DOCTYPE HTML>
|
| 2 | <html>
|
| 3 | <head>
|
| 4 | <title>Image Placeholder</title>
|
| 5 | <link href="assets/bootstrap/css/bootstrap.css" rel="stylesheet">
|
| 6 | <script src="../node_modules/jquery/tmp/jquery.js"></script>
|
| 7 | <script src="../dist/mock.js"></script>
|
| 8 | <script src="../node_modules/handlebars/dist/handlebars.js"></script>
|
| 9 | <script type="text/javascript">
|
| 10 | var tpl = Mock.heredoc(function(){
|
| 11 | /*
|
| 12 | {{#list}}
|
| 13 | <img src="{{.}}">
|
| 14 | {{/list}}
|
| 15 | */
|
| 16 | })
|
| 17 | </script>
|
| 18 | </head>
|
| 19 | <body>
|
| 20 | <div class="container">
|
| 21 | <h1>Image Placeholder</h1>
|
| 22 | <hr>
|
| 23 |
|
| 24 | <h2>@IMAGE(size)</h2>
|
| 25 | <div class="row">
|
| 26 | <div class="col-md-3" id="img"></div>
|
| 27 | <div class="col-md-8"><pre><code></code></pre></div>
|
| 28 | </div>
|
| 29 | <script type="text/javascript">
|
| 30 | var tpl = '<img src="{{.}}">'
|
| 31 | var data = Mock.mock('@IMAGE(200x100)')
|
| 32 | $('#img').html(Handlebars.compile(tpl)(data))
|
| 33 | </script>
|
| 34 | <script type="text/javascript">
|
| 35 | var code = $('#img').parent('div').next().text()
|
| 36 | code = $.trim(code)
|
| 37 | $('#img').next().find('code').text(code)
|
| 38 | </script>
|
| 39 |
|
| 40 | <h2>@DATAIMAGE(size)</h2>
|
| 41 | <div class="row">
|
| 42 | <div class="col-md-3" id="dataimage"></div>
|
| 43 | <div class="col-md-8"><pre><code></code></pre></div>
|
| 44 | </div>
|
| 45 | <script type="text/javascript">
|
| 46 | var tpl = '<img src="{{.}}">'
|
| 47 | var data = Mock.mock('@DATAIMAGE(200x100)')
|
| 48 | $('#dataimage').html(Handlebars.compile(tpl)(data))
|
| 49 | </script>
|
| 50 | <script type="text/javascript">
|
| 51 | var code = $('#dataimage').parent('div').next().text()
|
| 52 | code = $.trim(code)
|
| 53 | $('#dataimage').next().find('code').text(code)
|
| 54 | </script>
|
| 55 | </div>
|
| 56 |
|
| 57 | <script>
|
| 58 | (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
| 59 | (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
| 60 | m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
| 61 | })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
| 62 |
|
| 63 | ga('create', 'UA-27059428-2', 'mockjs.com');
|
| 64 | ga('send', 'pageview');
|
| 65 | </script>
|
| 66 |
|
| 67 | </body>
|
| 68 | </html>
|