When I set responsive to true and change the size of my window, the size of the image (I've implemented sprites) does change. However, this is done with a delay and when I'm shrinking the window, it cuts the image off until it reloads. When I make the window bigger, it shows the next frames in the sprite prior to re-rendering the image.
Is there a way that this could be adjusted as the screen is being resized? I've adjusted the resize_gauge value to 0 and that creates other problems with the rendering of the page. (it will show multiple frames on initial load with this value set to 0).
Any direction on where I need to look would be great.
<img src="/themecms/theme/img/TransparentBallPlaceHolder.png" width="500" height="500" class="reel" id="ballSprite" data-image="/img/myimage.jpg" data-cw="false" data-footage="30" data-row="1" data-rows="1" data-frame="15" data-frames="30" data-cursor="hand" data-responsive="true">
Thanks
When I set responsive to true and change the size of my window, the size of the image (I've implemented sprites) does change. However, this is done with a delay and when I'm shrinking the window, it cuts the image off until it reloads. When I make the window bigger, it shows the next frames in the sprite prior to re-rendering the image.
Is there a way that this could be adjusted as the screen is being resized? I've adjusted the resize_gauge value to 0 and that creates other problems with the rendering of the page. (it will show multiple frames on initial load with this value set to 0).
Any direction on where I need to look would be great.
<img src="/themecms/theme/img/TransparentBallPlaceHolder.png" width="500" height="500" class="reel" id="ballSprite" data-image="/img/myimage.jpg" data-cw="false" data-footage="30" data-row="1" data-rows="1" data-frame="15" data-frames="30" data-cursor="hand" data-responsive="true">Thanks