# Site loading choppy

**URL:** <https://forum.kirupa.com/t/site-loading-choppy/277987>\
**Category:** Uncategorized\
**Created:** [December 19, 2008, 5:05pm UTC](https://forum.kirupa.com/t/site-loading-choppy/277987 "2008-12-19T17:05:29Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![cars111](https://avatars.discourse-cdn.com/v4/letter/c/e9a140/32.png) [@cars111](https://forum.kirupa.com/u/cars111)\
**Post date:** [December 19, 2008, 5:05pm UTC](https://forum.kirupa.com/t/site-loading-choppy/277987/1 "2008-12-19T17:05:29Z")

</div>

hi guys i might be in the wrong place to post, but i will give it a try , i am currently working on a site , and it is starting to look ok, one major problem is that the graphics on the page load really choppy [www.clickslearning.com](http://www.clickslearning.com) i dont think the site is that large , i designed the images in photoshop , and exported the html and images, any help would be appreciated , firt website im building , wanted some advice from the veterans 🙂

heres the code:

\<html\>  
\<head\>  
\<title\>clicks\_learning\_home\</title\>  
\<meta http-equiv=“Content-Type” content=“text/html; charset=iso-8859-1”\>

\<script src=“Scripts/AC\_RunActiveContent.js” type=“text/javascript”\>\</script\>  
\<script type=“text/javascript”\>  
\<!–  
function MM\_swapImgRestore() { [//v3.0](https://v3.0)  
var i,x,a=document.MM\_sr; for(i=0;a&&i\<a.length&&(x=a\*)&&x.oSrc;i++) x.src=x.oSrc;  
}  
function MM\_preloadImages() { [//v3.0](https://v3.0)  
var d=document; if(d.images){ if(!d.MM\_p) d.MM\_p=new Array();  
var i,j=d.MM\_p.length,a=MM\_preloadImages.arguments; for(i=0; i\<a.length; i++)  
if (a\*.indexOf("#")!=0){ d.MM\_p[j]=new Image; d.MM\_p[j++].src=a\*;}}  
}

function MM\_findObj(n, d) { [//v4.01](https://v4.01)  
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))\>0&&parent.frames.length) {  
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}  
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i\<d.forms.length;i++) x=d.forms\*[n];  
for(i=0;!x&&d.layers&&i\<d.layers.length;i++) x=MM\_findObj(n,d.layers\*.document);  
if(!x && d.getElementById) x=d.getElementById(n); return x;  
}

function MM\_swapImage() { [//v3.0](https://v3.0)  
var i,j=0,x,a=MM\_swapImage.arguments; document.MM\_sr=new Array; for(i=0;i\<(a.length-2);i+=3)  
if ((x=MM\_findObj(a\*))!=null){document.MM\_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}  
}  
//–\>  
\</script\>  
\<link href=“master.css” rel=“stylesheet” type=“text/css”\>  
\<style type=“text/css”\>  
\<!–  
body {  
background-color: #2C8BCF;  
}  
–\>  
\</style\>\</head\>  
\<body leftmargin=“0” topmargin=“0” marginwidth=“0” marginheight=“0” onLoad=“MM\_preloadImages(‘images\_rollover/clicklearning large slice buttons\_14.jpg’,‘images\_rollover/clicklearning large slice buttons\_06.jpg’,‘images\_rollover/clicklearning large slice buttons\_07.jpg’,‘images\_rollover/clicklearning large slice buttons\_08.jpg’,‘images\_rollover/clicklearning large slice buttons\_10.jpg’,‘images\_rollover/clicklearning large slice buttons\_12.jpg’,‘images\_rollover/clicklearning large slice buttons\_13.jpg’,‘images\_rollover/clicklearning large slice buttons\_24.jpg’,‘images\_rollover/clicklearning large slice buttons\_30.jpg’,‘images\_rollover/clicklearning large slice buttons\_22.jpg’,‘images\_rollover/clicklearning large slice buttons\_32.jpg’,‘images\_rollover/clicklearning large slice buttons\_20.jpg’,‘images\_rollover/clicklearning large slice buttons\_27.jpg’)”\>  
\<!-- ImageReady Slices (clicklearning large slice.psd) --\>  
\<div id=“master”\>  
\<table width=“901” height=“801” border=“0” align=“center” cellpadding=“0” cellspacing=“0” id=“Table\_01”\>  
\<tr\>  
\<td\>\<img src=“images/clickslearning\_01.jpg” alt=“corner” width=“65” height=“31”\>\</td\>  
\<td colspan=“19”\>  
\<img src=“images/clickslearning\_02.jpg” width=“769” height=“31” alt=""\>\</td\>  
\<td colspan=“2” rowspan=“5”\>  
\<img src=“images/clickslearning\_03.jpg” width=“66” height=“650” alt=""\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“1” height=“31” alt=""\>\</td\>  
\</tr\>  
\<tr\>  
\<td rowspan=“2”\>  
\<img src=“images/clickslearning\_04.jpg” width=“65” height=“89” alt=""\>\</td\>  
\<td\>  
\<img src=“images/clickslearning\_05.jpg” width=“101” height=“1” alt=""\>\</td\>  
\<td colspan=“3” rowspan=“2”\>\<a href=“about\_us.html” onMouseOut=“MM\_swapImgRestore()” onMouseOver=“MM\_swapImage(‘about\_us’,’’,‘images\_rollover/clicklearning large slice buttons\_06.jpg’,1)”\>\<img src=“images/clickslearning\_06.jpg” name=“about\_us” width=“115” height=“89” border=“0”\>\</a\>\</td\>  
\<td colspan=“3” rowspan=“2”\>\<a href=“stage1\_book1.html” onMouseOut=“MM\_swapImgRestore()” onMouseOver=“MM\_swapImage(‘subscribe’,’’,‘images\_rollover/clicklearning large slice buttons\_07.jpg’,1)”\>\<img src=“images/clickslearning\_07.jpg” name=“subscribe” width=“115” height=“89” border=“0”\>\</a\>\</td\>  
\<td colspan=“3” rowspan=“2”\>\<a href="#" onMouseOut=“MM\_swapImgRestore()” onMouseOver=“MM\_swapImage(’ contact\_us’,’’,‘images\_rollover/clicklearning large slice buttons\_08.jpg’,1)”\>\<img src=“images/clickslearning\_08.jpg” name=" contact\_us" width=“120” height=“89” border=“0”\>\</a\>\</td\>  
\<td rowspan=“2”\>  
\<img src=“images/clickslearning\_09.jpg” width=“2” height=“89” alt=""\>\</td\>  
\<td colspan=“3” rowspan=“2”\>\<a href="#" onMouseOut=“MM\_swapImgRestore()” onMouseOver=“MM\_swapImage(‘log\_in’,’’,‘images\_rollover/clicklearning large slice buttons\_10.jpg’,1)”\>\<img src=“images/clickslearning\_10.jpg” name=“log\_in” width=“85” height=“89” border=“0”\>\</a\>\</td\>  
\<td rowspan=“2”\>  
\<img src=“images/clickslearning\_11.jpg” width=“3” height=“89” alt=""\>\</td\>  
\<td colspan=“2” rowspan=“2”\>\<a href="#" onMouseOut=“MM\_swapImgRestore()” onMouseOver=“MM\_swapImage(‘free\_trial’,’’,‘images\_rollover/clicklearning large slice buttons\_12.jpg’,1)”\>\<img src=“images/clickslearning\_12.jpg” name=“free\_trial” width=“113” height=“89” border=“0”\>\</a\>\</td\>  
\<td colspan=“2” rowspan=“2”\>\<a href="#" onMouseOut=“MM\_swapImgRestore()” onMouseOver=“MM\_swapImage(‘phoenix\_academy’,’’,‘images\_rollover/clicklearning large slice buttons\_13.jpg’,1)”\>\<img src=“images/clickslearning\_13.jpg” name=“phoenix\_academy” width=“115” height=“89” border=“0”\>\</a\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“1” height=“1” alt=""\>\</td\>  
\</tr\>  
\<tr\>  
\<td\>\<a href=“index.html” onMouseOut=“MM\_swapImgRestore()” onMouseOver=“MM\_swapImage(‘home’,’’,‘images\_rollover/clicklearning large slice buttons\_14.jpg’,1)”\>\<img src=“images/clickslearning\_14.jpg” name=“home” width=“101” height=“88” border=“0”\>\</a\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“1” height=“88” alt=""\>\</td\>  
\</tr\>  
\<tr\>  
\<td\>  
\<img src=“images/clickslearning\_15.jpg” width=“65” height=“524” alt=""\>\</td\>  
\<td colspan=“19”\>\<script type=“text/javascript”\>  
AC\_FL\_RunContent( ‘codebase’,‘[http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0’,‘width’,‘769’,‘height’,‘524’,‘title’,‘main\_content’,‘src’,'movies/main\_content\_](http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','769','height','524','title','main_content','src','movies/main_content_) loading’,‘quality’,‘high’,‘pluginspage’,‘[http://www.adobe.com/shockwave/download/download.cgi?P1\_Prod\_Version=ShockwaveFlash’,‘movie’,'movies/main\_content\_](http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','movies/main_content_) loading’ ); //end AC code  
\</script\>\<noscript\>\<object classid=“clsid:D27CDB6E-AE6D-11cf-96B8-444553540000” codebase=“[http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0](http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0)” width=“769” height=“524” title=“main\_content”\>  
\<param name=“movie” value=“movies/main\_content\_ loading.swf”\>  
\<param name=“quality” value=“high”\>  
\<embed src=“movies/main\_content\_ loading.swf” quality=“high” pluginspage=“[http://www.adobe.com/shockwave/download/download.cgi?P1\_Prod\_Version=ShockwaveFlash](http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash)” type=“application/x-shockwave-flash” width=“769” height=“524”\>\</embed\>  
\</object\>\</noscript\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“1” height=“524” alt=""\>\</td\>  
\</tr\>  
\<tr\>  
\<td rowspan=“6”\>  
\<img src=“images/clickslearning\_17.jpg” width=“65” height=“135” alt=""\>\</td\>  
\<td colspan=“19”\>  
\<img src=“images/clickslearning\_18.jpg” width=“769” height=“6” alt=""\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“1” height=“6” alt=""\>\</td\>  
\</tr\>  
\<tr\>  
\<td colspan=“3”\>  
\<img src=“images/clickslearning\_19.jpg” width=“151” height=“26” alt=""\>\</td\>  
\<td colspan=“3”\>\<a href="#" onMouseOut=“MM\_swapImgRestore()” onMouseOver=“MM\_swapImage(‘parents’,’’,‘images\_rollover/clicklearning large slice buttons\_20.jpg’,1)”\>\<img src=“images/clickslearning\_20.jpg” name=“parents” width=“113” height=“26” border=“0”\>\</a\>\</td\>  
\<td colspan=“3” rowspan=“2”\>  
\<img src=“images/clickslearning\_21.jpg” width=“150” height=“29” alt=""\>\</td\>  
\<td colspan=“4”\>\<a href="#" onMouseOut=“MM\_swapImgRestore()” onMouseOver=“MM\_swapImage(‘children’,’’,‘images\_rollover/clicklearning large slice buttons\_22.jpg’,1)”\>\<img src=“images/clickslearning\_22.jpg” name=“children” width=“117” height=“26” border=“0”\>\</a\>\</td\>  
\<td colspan=“5”\>  
\<img src=“images/clickslearning\_23.jpg” width=“140” height=“26” alt=""\>\</td\>  
\<td colspan=“2”\>\<a href="#" onMouseOut=“MM\_swapImgRestore()” onMouseOver=“MM\_swapImage(‘free\_trial\_footer’,’’,‘images\_rollover/clicklearning large slice buttons\_24.jpg’,1)”\>\<img src=“images/clickslearning\_24.jpg” name=“free\_trial\_footer” width=“99” height=“26” border=“0”\>\</a\>\</td\>  
\<td rowspan=“6”\>  
\<img src=“images/clickslearning\_25.jpg” width=“65” height=“150” alt=""\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“1” height=“26” alt=""\>\</td\>  
\</tr\>  
\<tr\>  
\<td colspan=“2” rowspan=“4”\>  
\<img src=“images/clickslearning\_26.jpg” width=“119” height=“103” alt=""\>\</td\>  
\<td colspan=“3” rowspan=“2”\>\<a href="#" onMouseOut=“MM\_swapImgRestore()” onMouseOver=“MM\_swapImage(‘parents\_text’,’’,‘images\_rollover/clicklearning large slice buttons\_27.jpg’,1)”\>\<img src=“images/clickslearning\_27.jpg” name=“parents\_text” width=“141” height=“33” border=“0”\>\</a\>\</td\>  
\<td rowspan=“4”\>  
\<img src=“images/clickslearning\_28.jpg” width=“4” height=“103” alt=""\>\</td\>  
\<td colspan=“7”\>  
\<img src=“images/clickslearning\_29.jpg” width=“224” height=“3” alt=""\>\</td\>  
\<td colspan=“4” rowspan=“3”\>\<a href="#" onMouseOut=“MM\_swapImgRestore()” onMouseOver=“MM\_swapImage(‘free\_trial\_text’,’’,‘images\_rollover/clicklearning large slice buttons\_30.jpg’,1)”\>\<img src=“images/clickslearning\_30.jpg” name=“free\_trial\_text” width=“132” height=“36” border=“0”\>\</a\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“1” height=“3” alt=""\>\</td\>  
\</tr\>  
\<tr\>  
\<td colspan=“2” rowspan=“3”\>  
\<img src=“images/clickslearning\_31.jpg” width=“130” height=“100” alt=""\>\</td\>  
\<td colspan=“4” rowspan=“2”\>\<a href="#" onMouseOut=“MM\_swapImgRestore()” onMouseOver=“MM\_swapImage(‘children\_text’,’’,‘images\_rollover/clicklearning large slice buttons\_32.jpg’,1)”\>\<img src=“images/clickslearning\_32.jpg” name=“children\_text” width=“136” height=“33” border=“0”\>\</a\>\</td\>  
\<td colspan=“4” rowspan=“3”\>  
\<img src=“images/clickslearning\_33.jpg” width=“108” height=“100” alt=""\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“1” height=“30” alt=""\>\</td\>  
\</tr\>  
\<tr\>  
\<td colspan=“3” rowspan=“2”\>  
\<img src=“images/clickslearning\_34.jpg” width=“141” height=“70” alt=""\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“1” height=“3” alt=""\>\</td\>  
\</tr\>  
\<tr\>  
\<td colspan=“4”\>  
\<img src=“images/clickslearning\_35.jpg” width=“136” height=“67” alt=""\>\</td\>  
\<td colspan=“3”\>  
\<img src=“images/clickslearning\_36.jpg” width=“131” height=“67” alt=""\>\</td\>  
\<td rowspan=“2”\>  
\<img src=“images/clickslearning\_37.jpg” width=“1” height=“88” alt=""\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“1” height=“67” alt=""\>\</td\>  
\</tr\>  
\<tr\>  
\<td\>  
\<img src=“images/clickslearning\_38.jpg” width=“65” height=“21” alt=""\>\</td\>  
\<td colspan=“19”\>  
\<img src=“images/clickslearning\_39.jpg” width=“769” height=“21” alt=""\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“1” height=“21” alt=""\>\</td\>  
\</tr\>  
\<tr\>  
\<td\>  
\<img src=“images/spacer.gif” width=“65” height=“1” alt=""\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“101” height=“1” alt=""\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“18” height=“1” alt=""\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“32” height=“1” alt=""\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“65” height=“1” alt=""\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“44” height=“1” alt=""\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“4” height=“1” alt=""\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“67” height=“1” alt=""\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“63” height=“1” alt=""\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“20” height=“1” alt=""\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“37” height=“1” alt=""\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“2” height=“1” alt=""\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“77” height=“1” alt=""\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“1” height=“1” alt=""\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“7” height=“1” alt=""\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“3” height=“1” alt=""\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“97” height=“1” alt=""\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“16” height=“1” alt=""\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“17” height=“1” alt=""\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“98” height=“1” alt=""\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“1” height=“1” alt=""\>\</td\>  
\<td\>  
\<img src=“images/spacer.gif” width=“65” height=“1” alt=""\>\</td\>  
\<td\>\</td\>  
\</tr\>  
\</table\>  
\</div\>  
\<div align=“center”\>\</div\>  
\<div align=“center”\>\</div\>  
\<div align=“center”\>\</div\>  
\<div align=“center”\>  
\<!-- End ImageReady Slices --\>  
\</div\>  
\</body\>  
\</html\>

also do you know of a video tutorial for swishmax 2 , preloader , i went on to swishzone and watched one , but it didnt work, it didnt start playing from start tag (5) instead played from (40) thanks
