Download the Image Rotator
The Image Rotator download contains the files and code needed to implement the image rotator currently being used on Maryland.Gov. This feature uses an Adobe Flash CS4 file that reads an XML file containing the image file path, link for the image and a title and description for accessibility. You can also set a start date and end date for the image to appear.
We are continuing to evaluate the accessibility of the image rotator. Currently a screen reader will read the image navigation buttons to tell you what image is there but navigating to the link associated with the image is not as accessible. There is also code that will check to see if javascript is turned off and if it is with display the links as text from the xml file.
The flash file and xml need to be placed in the same folder along with the swfobject.js. Place the following code on the page where you intend to use the image rotator:
<script language="javascript" src="/resources/swfobject.js" type="text/javascript">
</script><script type="text/javascript">
function GetDateTime(strDate)
{
var currDate = new Date();
var strYear = currDate.getFullYear().toString();
var strMonth = (currDate.getMonth()+1).toString();
var strDate = currDate.getDate().toString();
var strHour = currDate.getHours().toString();
var strMinute = currDate.getMinutes().toString();
// add "0" to make double-digits
if (strMonth.length < 2) strMonth = "0" + strMonth;
if (strDate.length < 2) strDate = "0" + strDate;
if (strHour.length < 2) strHour = "0" + strHour;
if (strMinute.length < 2) strMinute = "0" + strMinute;
var strDateTime = strYear + strMonth + strDate + strHour + strMinute; // build date as string
return(strDateTime);
}
var flashvars = {
serverDateTime:GetDateTime()
}
swfobject.embedSWF("/resources/slideRotator.swf","column560","560","200","9.0.0","expressInstall.swf", flashvars)
</script>