Using this widget:
<head>
...
<!--Link the CSS style sheet that styles the Collapsible Panel-->
<link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet"
type="text/css" />
<!--Link the Spry Collapsible Panel JavaScript library-->
<script src="SpryAssets/SpryCollapsiblePanel.js"
type="text/javascript"></script>
</head>
<body>
<!--Create the Collapsible Panel widget and assign classes to each element-->
<div id="CollapsiblePanel1" class="CollapsiblePanel">
<div class="CollapsiblePanelTab">Tab</div>
<div class="CollapsiblePanelContent">Content</div>
</div>
<!--Initialize the Collapsible Panel widget object-->
<script type="text/javascript">
var CollapsiblePanel1 = new
Spry.Widget.CollapsiblePanel("CollapsiblePanel1");
</script>
</body>
Is there a way to make the hidden images load after the main page loads?
you can setup a preloader and call it from the body tag
<body onLoad="MM_preloadImages('images/home.jpg')>
and in th head add
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //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[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
-----------------------------------------------Reply-----------------------------------------------
Does that script make the tables load closed too or just preload.
-----------------------------------------------Reply-----------------------------------------------
it will only load the files that you list in the onLooad function <body
onLoad="MM_preloadImages('images/home.jpg')">
In this case only home.jpg will preload. usually people use preloaders for
when they do image rollovers
Add to del.icio.us |
Digg this |
Stumble it |
Powered by Megasolutions Inc
