script.js 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. var slider;
  2. var images = [
  3. "images/ground.png",
  4. "images/clouds.png",
  5. "images/ground-bottom.png",
  6. "images/hole.png",
  7. "images/mountain.png",
  8. "images/rocks.png",
  9. "images/sky-bg.jpg",
  10. "images/sweat.png",
  11. "images/texty-sign.png",
  12. "images/worker.png",
  13. "images/working-sign.png"
  14. ];
  15. var index = 0;
  16. var transitionSpeed = 500;
  17. var imageIntervals = 5000;
  18. var startIntervals;
  19. var intervalSetTime;
  20. var contentOpen = false;
  21. $(document).ready(function() {
  22. $(function() {
  23. $.preload(images, {
  24. init: function(loaded, total) {
  25. },
  26. loaded_all: function(loaded, total) {
  27. $('#indicator').fadeOut('slow', function() {
  28. function swing(){
  29. if($('html').hasClass('ie')){
  30. if(!$('.swing').hasClass('down')){
  31. $('.swing').animate({rotate:'190deg', left: 330,
  32. top: 430},1500,function(){
  33. $('.swing').toggleClass('down');
  34. });
  35. }else{
  36. $('.swing').animate({rotate:'40deg', left: 190,
  37. top: 35},1500,function(){
  38. $('.swing').toggleClass('down');
  39. });
  40. }}else{
  41. $('.swing').toggleClass('right');
  42. }
  43. $('.sweat').toggleClass('show');
  44. setTimeout(swing, 1500);
  45. }
  46. swing();
  47. $('#clouds').pan({
  48. fps: 30,
  49. speed: 1.8,
  50. dir: 'left',
  51. depth: 300
  52. });
  53. $('.init').fadeIn(function(){
  54. $(this).removeClass('init');
  55. setTimeout(function(){
  56. $('.mountain').plaxify({
  57. "xRange":20,
  58. "yRange":0
  59. }) ;
  60. $.plax.enable();
  61. },500)
  62. })
  63. });
  64. }
  65. });
  66. });
  67. })