Snippets

Michael Gale GWD Dynamic Images

Created by Michael Gale last modified
GWD_Dynamic_Images.js
Raw 
 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
/* ... */

// Check that HTML5 Enabler is ready.
window.onload = function() {
    if (!Enabler.isInitialized()) {
        Enabler.addEventListener(studio.events.StudioEvent.INIT, enablerInitHandler);
    } else {
        enablerInitHandler();
    }
}

// Enabler is ready:
function enablerInitHandler() {

    // Continually query until the #DynamicImage element exists
    var customTimeout = function() {

        if (!document.getElementById('DynamicImage')) {

            window.requestAnimationFrame(customTimeout);

        } else {

            // #DynamicImage element exists, so set it.
            var dynamicImageElement = document.getElementById('DynamicImage');
            var dynamicImageGroupId = dynamicContent.DEFAULTS_LocationsWithImageGroups[0].DynamicImageGroup; //Includes ID for default image

            // Add the class to the Element!
            dynamicImageElement.classList.add('js-dynamicImage' + dynamicImageGroupId);

        }
    }

    customTimeout();

};

/* ... */
gwd-ad.html
Raw 
1
2
3
4
5
<!-- ... -->
<div class="gwd-page-content gwd-page-size">
	<div id="DynamicImage"></div>
</div>
<!-- ... -->
gwd-custom-styles.css
Raw 
1
2
3
4
/* ... */
.js-dynamicImage1 { background-image: url(image1.png); }
.js-dynamicImage2 { background-image: url(image2.png); }
/* ... */
spreadsheet.csv.txt
Raw 
1
2
3
4
5
6
Canonical Name    DynamicImageGroup

Armidale,New South Wales,Australia    1
Ballina,New South Wales,Australia    2
Batemans Bay,New South Wales,Australia    3
Bathurst,New South Wales,Australia    4

Comments (0)

HTTPS SSH

You can clone a snippet to your computer for local editing. Learn more.