Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2007
    Messaggi
    27

    Creare un ciclo per cambiare sfondo

    SALVE, HO UNA TABLE CON UN DETERMINATO SFONDO E VOGLIO CHE TRAMITE UN TASTO ALL'INTERNO DELLA PAGINA LO STESSO SFONDO CAMBI TRA 3 IMMAGINI E DOPO LA TERZA IMMAGINE RITORNI ALLA PRIMA.

    AL TASTO CI HO MESSO QUESTO CODICE:

    document.getElementById('IDTABLE').style.backgroun dImage='url(URL_IMMAGINE)';

    COME POSSO GESTIRE L'EVENTO?

  2. #2
    Prova con jQuery:
    Inserisci questo nell'Head:
    codice:
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    definisci lo stile di partenza del background della tabella:
    codice:
    #IDTABLE{background:url('immagine1.jpg');}
    poi crea il bottone con id="button"
    codice:
    <input type="button" id="button" value="clicca" />
    e usa Toggle() di jQuery per definire gli stati dello sfondo:

    codice:
    $(document).ready(function(){ 
    $('#button').toggle(function(){
        $('#IDTABLE').css({background:'url("immagine2.jpg")'})
              }, function() {
        $('#IDTABLE').css({background:'url("immagine3.jpg")'})
             }, function() {
        $('#IDTABLE').css({background:'url("immagine1.jpg")'})
       });
    });
    Quindi partendo dall'immagine di partenza che hai definito nel CSS poi passi agli altri due e ritorni al primo sul terzo click del bottone...
    buona fortuna!
    Ultima modifica di inexibrus; 27-02-2014 a 10:12

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.