Ciao a Tutti
Mi sono fatto 1 "pezzettino" di funzioncina che cambia immagine al click sui "pallini

Questo il JS
codice:
    $('.Pointer li').click(function (){
         $('.Pointer li').css('backgroundPosition', '0px 0px');

        //this is for slide        
          var ID = this.id;
          $(".Slide").stop().fadeOut(400, function() {
             var path = "./images/demo/";
              this.src = path + ID;
            this.onload = function(){
              $(this).fadeIn(400);
            };
          });
        //this is for slide
        
        $(this).css('backgroundPosition', '0px -17px');        
    });
questo il mio HTML
codice:
    <div class="PicProd">
            <ul><li><img src="./images/demo/1.jpg" class="Slide" /></li></ul>
        <div class="Pointer">
            <ul>
            <li id="1.jpg"></li>
            <li id="2.jpg"></li>
            <li id="3.jpg"></li>
            </ul>
        </div>
    </div>
allora in locale funziona bene, e, magari il JS che ho scritto non è stupendo...ma fa quel che volevo, non sono 1 esperto ma sto cercando di "arrangiarmi" il + possibile.

So cmq che una volta online questo click potrebbe subire dei ritardi nel caricare l'immagine, come posso per cui implementare un "loading" quando l'immagine è in caricamento?