• User Attivo

    jquery: Cambiare immagini al passaggio del mouse

    Salve ragazzi, ho molte immagini che vorrei mostrare a blocchi con visualizzazione delle stesse al passaggio del mouse. In pratica esattamente come viene fatto su questo sito: http://www.nordicweather.net/statickartat.php?en Potreste indicarmi lo script giusto oppure, meglio ancora, il codice da utilizzare? Ma per chi ha molte immagini (circa 500) non c'e' un metodo per velocizzare la cosa anziche' asseggnare ad ogni immagine il proprio nome? Grazie mille,


  • User Attivo

    Ciao! I due punti fundamentali sono questi (riga 845 del codice)

    preload()
    

    dove vengono caricate tutte le immagini
    e poi

      $(".maptimes").on("mouseover", function(){
         id=$(this).attr("id");
         $("#maps").html("");
         $("."+type+id).clone().appendTo("#maps");
         $("#maps div").show();
         return false;
      });
    
    

    dove si associa al "mouseover" la creazione ("clone" + "appendTo") del div che si è creato durante "preload" per ogni immagine che viene sovrapposta.

    In sostanza devi prima caricare tutte le immagini (creando una "<img>" per ogni immagine) e poi le mostri dove vuoi e quando vuoi.

    Spero di esserti stato d'aiuto... Ciao!


  • User Attivo

    @html5today said:

    Ciao! I due punti fundamentali sono questi (riga 845 del codice)

    >preload()
    >```
    dove vengono caricate tutte le immagini
    e poi
    

    $(".maptimes").on("mouseover", function(){
    id=$(this).attr("id");
    $("#maps").html("");
    $("."+type+id).clone().appendTo("#maps");
    $("#maps div").show();
    return false;
    });

    dove si associa al "mouseover" la creazione ("clone" + "appendTo") del div che si è creato durante "preload" per ogni immagine che viene sovrapposta.

    In sostanza devi prima caricare tutte le immagini (creando una "<img>" per ogni immagine) e poi le mostri dove vuoi e quando vuoi.

    Spero di esserti stato d'aiuto... Ciao!

    Ti ringrazio, adesso sono al passo successivo.
    Siccome sono 871 immagini, se le inserisco nella pagina si blocca lo script java.
    Vorrei suddividerle per categoria e, una volta cliccata la categoria d'interesse, mostrarle con mouseover nella stessa pagina senza creare una pagina web per ogni categoria.
    Spero di essere stato chiaro.
    Grazie in anticipo,