View Full Version : Ultimate Fade-in slideshow Accessibility
Motions
07-30-2008, 06:28 PM
1) Script Title: Ultimate Fade-in slideshow
2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
3) Describe problem:
This script does not allow for accessibility. How can the alt tag be included in this script so that it is 508 compliant?
Motions
07-30-2008, 07:23 PM
I figured it out. I was trying to make it much harder than it was.
For anyone interested in keeping this slide show 508 compliant, here's the code I altered.
Add additional value to fadeimages[ ]
var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["photo1.jpg", "", "", ""] //plain image syntax
Then add the following alt tag to this code:
fadeshow.prototype.populateslide=function(picobj, picindex){
var slideHTML=""
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
slideHTML+='<img src="'+this.postimages[picindex].src+'" alt="'+this.theimages[picindex][3]+'" border="'+this.imageborder+'px">'
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML+='</a>'
picobj.innerHTML=slideHTML
}
If you leave a null value "", the alt tag will just be 'blank'. MUCH better than 'missing'.
Powered by vBulletin® Version 4.2.2 Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.