Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- var thumbs = document.getElementsByClassName("thumbnails");
- for(var i=0; i<thumbs.length; i++) {
- thumbs[i].onclick = function(){
- document.getElementById("full-screen-image").src = this.src;
- }
- }
- var resourceNumber = document.getElementsByClassName("resource-number");
- for(var i=0; i<resourceNumber.length; i++) {
- resourceNumber[i].onclick = function(){
- document.getElementById("resource-number-menu").innerHTML = this.innerHTML+"/6";
- }
- }
- <div id="asset-being-presented" class="xlarge-12">
- <img id="full-screen-image" class="classroom-view-full-screen-image" src="{{resources.0.imgSrc}}"></img>
- </div>
- <div class="toolbar" id="resource-number-menu">
- {{resources.0.number}}/6
- </div>
- {{#each resources}}
- <div class="resource-number">{{number}}</div>
- <div class="classroom-view-content-placeholder">
- <img class="thumbnails" src="{{imgSrc}}"></img>
- </div>
- {{/each}}
- {
- "lesson-title": "Lesson title",
- "contentType": "Activity resources",
- "resources": [
- {
- "number": "1",
- "title": "Friction: Glossary visual",
- "type": "image",
- "content-type": "Visual",
- "active": "jump-to-reveal-active",
- "first": "first",
- "imgSrc": "/assets/img/Frictionglossaryvisual.jpg"
- },
- {
- "number": "2",
- "title": "this is the image title",
- "type": "image",
- "content-type": "Visual",
- "imgSrc": "/assets/img/626591746.jpg"
- },
- {
- "number": "3",
- "title": "this is the image title",
- "type": "image",
- "content-type": "Visual",
- "imgSrc": "/assets/img/90094877.jpg"
- },
- {
- "number": "4",
- "title": "this is the image title",
- "type": "image",
- "content-type": "Visual",
- "imgSrc": "/assets/img/Frictionglossaryvisual.jpg"
- },
- {
- "number": "5",
- "title": "this is the image title",
- "type": "image",
- "content-type": "Visual",
- "last": "last",
- "imgSrc": "/assets/img/626591746.jpg"
- }
- ]
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement