Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Immagini sfondo dinamiche

    Buon giorno,
    vorrei modificare lo sfondo del mio sito mettendo delle immagini che ogni tot secondi cambiano(es 30 sec.). Ho provato ad usare il carousel di Bootstrap che consente di far scorrere le immagini, ma non riesco a metterlo a schermo intero.
    Sapete se bisogna usare qualche accorgimento particolare con il carousel oppure se esiste un metodo alternativo?

  2. #2
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,654
    Ciao, se per sfondo intendi il background/background-image del BODY o comunque di un altro tag contenitore, con poche righe di codice potresti inserire uno script in pagina.
    Questo sarebbe un esempio banale
    codice:
    <script type="text/javascript">
    var index = 0;
    var imagesList = ['src_image_1','src_image_2','src_image_3'];
    if(index > (imagesList.length-1)) index=0;
    setInterval(function(){ 
        document.body.style.backgroundImage = 'url('+imagesList[index]+')';
        index++;
     }, 30000);
    </script>
    Partendo dal presupposto che il css di base per il background sia già settato ed uguale per tutte le immagini che andrai a ciclare

    Per cose piu' elaborate puoi usare jquery, alcuni esempi

  3. #3
    Ok, grazie. Mettere a schermo intero il carousel non sarebbe possibile? Perchè vorrei sfruttare alcune caratteristiche tipiche del carousel quali la possibilità per l'utente di scorrere tra le immagini.

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 © 2024 vBulletin Solutions, Inc. All rights reserved.