Questo sito utilizza cookies solo per scopi di autenticazione sul sito e nient'altro. Nessuna informazione personale viene tracciata. Leggi l'informativa sui cookies.
Username: Password: oppure
Sliding Gallery - sliding_gallery.js

sliding_gallery.js

Caricato da: Roby94
Scarica il programma completo

  1. var scroll_left;
  2. var images_left;
  3. var next = false;
  4. var n_images_load=0;
  5. $("#sliding_bar > #scroll")
  6.                                                   .hover(function() {
  7.                                                                    $(this).css({"background-color": "#999"});
  8.                                                                  },
  9.                                                                  function() {
  10.                                                                    $(this).css({"background-color": "#333"});
  11.                                                                  })
  12.                                                   .draggable({
  13.                                                                           containment: "parent",
  14.                                                                           start: function() {
  15.                                                                                            $("#content_images > #images").stop();
  16.                                                                                            $("#sliding_bar > #scroll").stop();
  17.                                                                                            next = false;
  18.                                                                                          },
  19.                                                                           drag: function() {
  20.                                                                                           scroll_left = parseInt($(this).css("left"));
  21.                                                                                           images_left = -n_images*scroll_left;
  22.                                                                                           $("#images").css("left",images_left+"px");
  23.                                                                                         },
  24.                                                                           stop: function() {
  25.                                                                                           images_left = parseInt($("#content_images > #images").css("left"));
  26.                                                                                           var resto = -(images_left % 600);
  27.                                                                                           if(resto != 0 && images_left != 0) {
  28.                                                                                                   var images_agg;
  29.                                                                                                   if(resto <= 300) {
  30.                                                                                                           images_agg=resto;
  31.                                                                                                   } else {
  32.                                                                                                           images_agg=-(600-resto);
  33.                                                                                                   }
  34.                                                                                                   $("#content_images > #images")
  35.                                                                                                                                                            .animate({
  36.                                                                                                                                                                                  left: images_left+images_agg+"px"
  37.                                                                                                                                                                                  }, animation_time/2,
  38.                                                                                                                                                                                  function() {
  39.                                                                                                                                                                                          next = true;
  40.                                                                                                                                                                                  });
  41.                                                                                                   scroll_left=(((-images_left)-images_agg)/600)*(600/n_images);
  42.                                                                                                   $("#sliding_bar > #scroll")
  43.                                                                                                                                                         .animate({
  44.                                                                                                                                                                           left: scroll_left+"px"
  45.                                                                                                                                                                           }, animation_time/2);
  46.                                                                                           } else {
  47.                                                                                                   next = true;
  48.                                                                                           }
  49.                                                                                         }
  50.                                                                           });
  51. $("#gallery > #load > #no_preload")
  52.                                                                  .click(function() {
  53.                                                                                         n_images_load=n_images-1;
  54.                                                                                         load_images();
  55.                                                                                 });
  56. $("#gallery > #pp")
  57.                                  .hover(function() {
  58.                                                         $(this)
  59.                                                                   .stop()
  60.                                                                   .fadeTo(animation_time/2,1);
  61.                                                 },
  62.                                                 function() {
  63.                                                         $(this)
  64.                                                                   .stop()
  65.                                                                   .fadeTo(animation_time/2,0.1);
  66.                                                 })
  67.                                  .click(function() {
  68.                                                         if(manuality_next == true) {
  69.                                                                 manuality_next = false;
  70.                                                                 $(this)
  71.                                                                           .css("color","#090")
  72.                                                                           .text("â–º");
  73.                                                         } else {
  74.                                                                 manuality_next = true;
  75.                                                                 $(this)
  76.                                                                           .css("color","#F00")
  77.                                                                           .text("â– ");
  78.                                                         }
  79.                                                 });
  80. function next_image() {
  81.         if(manuality_next == true && next == true) {
  82.                 if($("#content_images > #images").css("left") == -n_images*600+600+"px") {
  83.                         $("#sliding_bar > #scroll")
  84.                                                                           .animate({
  85.                                                                                                 left: "0px"
  86.                                                                                                 }, animation_time);
  87.                         $("#content_images > #images")
  88.                                                                                  .animate({
  89.                                                                                                    left: "0px"
  90.                                                                                                    }, animation_time);
  91.                 } else {
  92.                         scroll_left = parseInt($("#sliding_bar > #scroll").css("left"));
  93.                         $("#sliding_bar > #scroll")
  94.                                                                           .animate({
  95.                                                                                                 left: scroll_left+(600/n_images)+"px"
  96.                                                                                                 }, animation_time);
  97.                         images_left = parseInt($("#content_images > #images").css("left"));
  98.                         $("#content_images > #images")
  99.                                                                                  .animate({
  100.                                                                                                    left: images_left-600+"px"
  101.                                                                                                    }, animation_time);
  102.                 }
  103.         }
  104.         setTimeout("next_image()",time+animation_time);
  105. }
  106. setTimeout("next_image()",time);
  107. $("#sliding_bar > #scroll")
  108.                                                   .draggable("disable");
  109. function load_images(){
  110.         n_images_load++;//Aumento il numero delle immagini caricate
  111.         if(n_images_load == n_images) {//Se Il numero delle immagini caricate è uguale al numero delle immagini...
  112.                 next=true;
  113.                 $("#content_images > #images > img")
  114.                                                                                    .css("visibility","visible");
  115.                 $("#sliding_bar > #scroll")
  116.                                                                   .draggable("enable");
  117.                 $("#gallery > #load")
  118.                                                    .css("visibility","hidden");
  119.         }      
  120. }