Results 1 to 2 of 2

Thread: Ultimate Fade-in slideshow Accessibility

  1. #1
    Join Date
    Sep 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation Ultimate Fade-in slideshow Accessibility

    1) Script Title: Ultimate Fade-in slideshow

    2) Script URL (on DD):
    http://www.dynamicdrive.com/dynamici...nslideshow.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?

  2. #2
    Join Date
    Sep 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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[ ]
    Code:
    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:
    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'.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •