I might try keeping that element hidden until the ticker is ready...
Current code:
<div id="tvtvsmheader">
<div class="mooticker">Test 1</div>
<div class="mooticker">Test 2</div>
</div>
<script type="text/javascript">
window.addEvent('domready', function(){
var modxTicker = new MooTicker($("tvtvsmheader"),{
width: '300px',
height: '25px',
interval: 4000
});
});
</script>
Changed to:
<div id="tvtvsmheader" style="display:none;">
<div class="mooticker">Test 1</div>
<div class="mooticker">Test 2</div>
</div>
<script type="text/javascript">
window.addEvent('domready', function(){
document.getElementById('tvtvsmheader').style.display='block';
var modxTicker = new MooTicker($("tvtvsmheader"),{
width: '300px',
height: '25px',
interval: 4000
});
});
</script>
And I might be tempted to play around with putting some of the javascript down at the bottom of the page - it might just make the page loading a little smoother - might not too ;-) At half a meg, these things are really noticable over dialup! (Did I just admit that?)
MODX Staff
