Advanced Search

Image Slideshow w/ Caption

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

Expand | Embed | Plain Text

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.