Animations for responsive (conditional loading of images).

Question

I am working on a responsive portfolio website. My idea is to create animations of my portfolio. There are two options:
A list of the references and on click I load the corresponding animation.
I include all animations on one page and I trigger them via the scroll position.
Regardless of which approach I choose, I only want these animations to run on a certain device width, because anything for mobile would be too big (I need rather big PNGs for the animations) + you can't really view it properly anyway. For every device specified I do not want to use these animations, this also means I do not want load all the images in the composition. Is this possible, or are the images always included as soon as you include your composition into a file. Or is there an instruction in order to start/prevent the loading of the images to my needs?

Answer 1

Thanks this looks nice!
Unfortunately the scriptloader isn't yet documented. I am trying to figure this out on my own how I can load the current animation that I need. It works if I append the script via jQuery's getScript, but I suppose this only works because it happens on document.ready(). If I try to append the required script on a click event, then nothing happens to the composition. -> The animation does not start. Any suggestions?
I currently have this code, which appends the stage on click, then loads the required script and as a callback I try to pick up the composition and play it. Am I doing something wrong?
             $(document).ready(function() {
                $('body').click(function() {
                    $('#mystage').append ('<div id="Stage" class="collector"  style="padding-top:60%;"></div>');
                    $.getScript("collector_edgePreload.js", function(data, textStatus, jqxhr) {
                        var loadedComps = AdobeEdge.getComposition("collector");
                        AdobeEdge.Symbol.bindTimelineAction("collector", "stage", "Default Timeline", "complete", function(sym, e) {
                            sym.play (/**0, true**/);