cashbac-component
Version:
Front End depedencies for CB Merchant Webapp
85 lines (83 loc) • 2.94 kB
HTML
<div id="thumbnailTutorial" style="padding-top:20px;">
<div class="pushToBottom30">
<h1>Thumbnail</h1>
</div>
<div class="thumbnail" id="thumbnail">
<div class="thumbnail__header">
<span class="photo-total">
Ambien
<span class="number">
(166 Photos)
</span>
</span>
<span class="photo-action">
<span class="arrange-thumbnail" data-target="thumbnail-body">
Arrange
</span>
<span class="edit-thumbnail" data-target="thumbnail-body">
Edit
</span>
<span class="upload-thumbnail" data-target="thumbnail-body">
Upload
</span>
</span>
</div>
<div class="thumbnail__body" id="thumbnail-body">
<div class="image__item">
<img data-src="assets/images/img_forest.jpg"/>
<div class="thumbnail">
<img data-src="assets/images/img_forest.jpg"/>
<span class="text">
Thumbnail
</span>
</div>
<div class="action">
A
</div>
</div>
<div class="image__item">
<img data-src="assets/images/img_forest.jpg"/>
<div class="thumbnail">
<img data-src="assets/images/img_forest.jpg"/>
<span class="text">
Thumbnail
</span>
</div>
</div>
<div class="image__item">
<img data-src="assets/images/img_forest.jpg"/>
<div class="thumbnail">
<img data-src="assets/images/img_forest.jpg"/>
</div>
</div>
<div class="image__item">
<img data-src="assets/images/img_forest.jpg"/>
<div class="thumbnail">
<img data-src="assets/images/img_forest.jpg"/>
<span class="text">
Thumbnail
</span>
</div>
</div>
<div class="scroll-down">
Scroll Down
</div>
</div>
<div class="thumbnail__footer">
<Button class="button--large button--primary" id="id-of-button-to-open-it">
Save
</Button>
<Button class="button--large button--secondary">
cancel
</Button>
</div>
</div>
</div>
<script>
[].forEach.call(document.querySelectorAll('img[data-src]'), function(img) {
img.setAttribute('src', img.getAttribute('data-src'));
img.onload = function() {
img.removeAttribute('data-src');
};
});
</script>