Visualizzazione dei risultati da 1 a 4 su 4

Discussione: animazioni

  1. #1

    animazioni

    Ciao a tutti, premetto che non sono esperto.
    Vorrei creare nellla mia home page, un rettangolo dove appaiono e dopo spariscono delle parole o immagini in posti diversi.
    Provo a spiegarmi meglio, un rettangolo in basso dove le parole uno due tre quattro e cinque ( oppure foto1, foto2, foto3,foto4 )in seguenza appaiono alternativamente in punti diversi del rettangolo in continuazione
    sapete indicarmi qualche esempio già fatto da modificare?
    grazie mille a tutti
    caio

  2. #2
    Utente di HTML.it L'avatar di carlomarx
    Registrato dal
    Oct 2009
    Messaggi
    1,669
    Puoi prendere spunto da qua:

    codice:
    <!doctype html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Esempio</title>
    </head>
     
    <body>
    <div id="sample_div"></div>
    <script type="text/javascript">
    var nIndex = 0, aContenuti = [ "Testo", "Altro testo", "<img src=\"https:\/\/www.google.it\/images\/srpr\/logo3w.png\" \/>", "Altro testo ancora" ];
    
    function alternaContenuti () {
    	document.getElementById("sample_div").innerHTML = aContenuti[nIndex];
    
    	// Qui dovrai inserire un codice che attribuisca una posizione random al tuo div "sample_div" (che dovrà essere contenuto all'interno del tuo rettangolo...)
    
    	nIndex = (nIndex + 1) % aContenuti.length;
    }
    
    alternaContenuti();
    setInterval(alternaContenuti, 1000);
    
    </script>
    </body>
    </html>
    Per la posizione utilizza Math.random e inserisci il codice necessario all'interno della funzione alternaContenuti()...
    Tutto ciò che fai con jQuery puoi farlo meglio e con la metà del codice in puro JavaScript.

  3. #3
    prima di tutto grazie mille per la risposta, era proprio quello che chiedevo.
    Non voglio abusare della tua disponibilità, ma potresti darmi qualche dritta in più per posizionare il div in punti casuali?
    Ho provato a dare un occhiata al comando che mi hai indicato Math.random ma dato che sono molto principiante, non ne sono uscito
    grazie ancora
    ciao

  4. #4
    Utente di HTML.it L'avatar di carlomarx
    Registrato dal
    Oct 2009
    Messaggi
    1,669
    Originariamente inviato da bounce2011
    Non voglio abusare della tua disponibilità, ma potresti darmi qualche dritta in più per posizionare il div in punti casuali?
    Ho provato a dare un occhiata al comando che mi hai indicato Math.random ma dato che sono molto principiante, non ne sono uscito
    L'utilizzo di Math.random() è molto semplice da imparare. E in generale attribuire una posizione casuale a un oggetto è altrettanto semplice. A questo punto dovresti cavartela da solo per almeno tre motivi:
    • imparare qualcosa e diventare autonomo;
    • conosci il punto in cui va inserito il codice;
    • la cosa è una bazzecola dal punto di vista concettuale; dal punto di vista pratico solo tu sai quanto è grande il rettangolo contenitore, quale può essere il range delle posizioni attribuibili al testo e cose di questo tipo: impiegheremmo più tempo a farlo insieme su questo forum di quanto non impiegheresti tu a studiarti un po' di CSS e la funzione Math.random().

    Buon lavoro.
    Tutto ciò che fai con jQuery puoi farlo meglio e con la metà del codice in puro JavaScript.

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.