Image Slideshow w/ Caption


/ Published in: JavaScript
Save to your folder(s)



Copy this code and paste it in your HTML
  1. <script type="text/javascript">
  2.  
  3. var mygallery=new fadeSlideShow({
  4. wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
  5. dimensions: [720, 165], //width/height of gallery in pixels. Should reflect dimensions of largest image
  6. imagearray: [
  7. ["/img/header2/ambassadors.jpg", "", "", "The UCC Career Ambassador program is a fun and rewarding experience."],
  8. ["/img/header2/ambassadors2.jpg", "", "", "UCC Career Ambassadors can help with resumes."],
  9. ["/img/header2/interview.jpg", "", "", "The UCC conducts on campus interviewing for employers hiring NC State students."],
  10. ["/img/header2/studygrass.jpg", "", "", "Students can relax on campus and read the UCC Job Search Guide."],
  11. ["/img/header2/brickyard.jpg", "", "", "The brickyard is an exciting place to talk about your job search."],
  12. ["/img/header2/brickyard2.jpg", "", "", "Sharing your job search experience with a friend can be rewarding."],
  13. ["/img/header2/engineering.jpg", "", "", "The UCC & COE partners together to provide career events."],
  14. ["/img/header2/brickyard.jpg", "", "", "Sharing your job search experience with a friend can be rewarding."],
  15. ["/img/header2/ambassadors.jpg", "", "", "The UCC Career Ambassador program is a fun and rewarding experience.."],
  16. ["http://ucc.lovettcreations.org/img/header2/interview.jpg", "", "", "The UCC conducts on campus interviewing for employers hiring NC State students.."],
  17. ["http://ucc.lovettcreations.org/img/header2/ambassadors2.jpg", "", "", "UCC Career Ambassadors can help with resumes.."]//<--no trailing comma after very last image element!
  18.  
  19. ],
  20. displaymode: {type:'auto', pause:10000, cycles:0, wraparound:false, randomize:true},
  21. persist: true, //remember last viewed slide and recall within same session?
  22. fadeduration: 500, //transition duration (milliseconds)
  23. descreveal: "always",
  24. togglerid: ""
  25. })
  26.  
  27. </script>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.