Accedi per seguire   
Seguaci 0
mmmm

[js] Mouse Trailer

22 messaggi in questa discussione

Salve a tutti :P:P:wub:

Volevo chiedere... cosa mi serve per fare un mouse trailer? :(

Sono quasi certa che sia al di fuori della mie possibilità, però vorrei provarci :)

Grazie ;)

:P

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

cos'è un mouse trailer ? :leggi:

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
cos'è un mouse trailer ? :leggi:

E' una funzione, non so se chiamarla così, :P che permette, quando qualcuno visita un sito internet, che questo qualcuno veda un effetto o animazione grafica che segue i movimenti del puntatore del mouse..

Non so se mi sono spegata bene :)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

ahhhh ho capito, ne ho viste in giro, ma non ho la piu pallida idea di come si facciano.

puoi provare a vedere il codice della pagina, e magari li trovi qualche indicazione

è come l'avatar di Pollicina, alla fine :)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
ahhhh ho capito, ne ho viste in giro, ma non ho la piu pallida idea di come si facciano.

puoi provare a vedere il codice della pagina, e magari li trovi qualche indicazione

è come l'avatar di Pollicina, alla fine :(

:):P:P:wub:

Si bravo ;)

Però io ho capito che serve un programma ... :P

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Beh...di prefabbricati ne trovi tanti in Javascript!!

Se vuoi metterci una semplice immagine è abbastanza semplice (una volta trovato il codice in Js basta solo cambiare l'immaginetta... :P ), se invece vuoi complicarti la vita c'è la possibilità di mettere orologi, scritte scorrevoli, oggetti rotanti...ecc...

Crearli da tà senza alcuna conoscenza credo sia una pazzia :wub: ...

...ma se ti vuoi cimentare... :) :up1:

Comunque basta che ti trovi quello che interessi e fare una copia nel codice HTML!!

:P

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Grazie ;-) :up1:

ora vedo di mettermi all'opera :dia:

Ciao :)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
Grazie ;-) :up1:

ora vedo di mettermi all'opera :dia:

Ciao :wub:

:P:P;):( ...dico questo perchè neanch'io ne sarei in grado (seppure ho tentato di seguire una guida... :) )...

..se ne hai bisogno dimmi cosa vorresti mettere e potrei darti qualche link o direttamente il codice ;-)

:P

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

:P:P:(;) ...dico questo perchè neanch'io ne sarei in grado (seppure ho tentato di seguire una guida... :) )...

..se ne hai bisogno dimmi cosa vorresti mettere e potrei darti qualche link o direttamente il codice ;-)

:wub:

Grazie, sei gentilissimo...

Beh è semplice, vorrei mettere tipo un luccichio che segua il puntatore del mouse, o tipo delle stelline colorate...

Comunque ti ringrazio... ;)

Ciao :P

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Ecco un esempio in java script:

Inserisci questo nel body:

<div id="immagine" style="position: absolute; left: -100">
 <img src="img.jpg" alt="">
 </div>

(Sostituisci img.jpg nel campo src del tag img con la path della tua immagine)

E questo nell'head:

<script language="JavaScript">
  if(!document.all)
  {
	  document.captureEvents(Event.MOUSEMOVE);
  }

  document.onmousemove = posizione;

  function posizione(e)
  {
	  if (document.all)
	  {
		 document.getElementById('immagine').style.left = event.clientX + document.body.scrollLeft + 10;
		 document.getElementById('immagine').style.top = event.clientY + document.body.scrollTop + 10;
	  }
	  else
	  {
		  document.getElementById('immagine').style.left = e.pageX + 10;
		  document.getElementById('immagine').style.top = e.pageY + 10;
	  }
	  return true;
  }
 </script>

:up1:

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
Ecco un esempio in java script:

Inserisci questo nel body:

<div id="immagine" style="position: absolute; left: -100">
 <img src="img.jpg" alt="">
 </div>

(Sostituisci img.jpg nel campo src del tag img con la path della tua immagine)

E questo nell'head:

<script language="JavaScript">
  if(!document.all)
  {
	  document.captureEvents(Event.MOUSEMOVE);
  }

  document.onmousemove = posizione;

  function posizione(e)
  {
	  if (document.all)
	  {
		 document.getElementById('immagine').style.left = event.clientX + document.body.scrollLeft + 10;
		 document.getElementById('immagine').style.top = event.clientY + document.body.scrollTop + 10;
	  }
	  else
	  {
		  document.getElementById('immagine').style.left = e.pageX + 10;
		  document.getElementById('immagine').style.top = e.pageY + 10;
	  }
	  return true;
  }
 </script>

:up1:

:P:wub::P

Grazieeeee :):P

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
:wub::P;)

Grazieeeee :):P

Di niente, mi pagano per questo (B) (no non è vero :sigh: )

:P

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Di niente, mi pagano per questo (B) (no non è vero :sigh: )

:P

Smettila di tacchinare e torna subito al lavoro!!!! :P:)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Smettila di tacchinare e torna subito al lavoro!!!! :P:)

:P <_<

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Funziona!!! :P

E ora avrei un'altra domanda :) .. non mi picchiate però ...

Allora, ho scelto il bullet ed ho seguito le indicazioni, ora come faccio a dare l'effetto "coda" (non so come chiamarlo) come si vede qui ? :angel_not: :angel_not: :angel_not:

Scusatemi se divento assillante :P

Grazie in anticipo...

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

stai diventando assillante !! :ranting2: :ranting2: :ranting2: :ranting2:

c'e la guida sotto !! :ranting2: :ranting2: :regole: :regole: :regole: :regole:

haha scherzo dai, non te la prendere io non so neanche da che parte iniziare :):P:P:wub:

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

stai diventando assillante !! :ranting2: :ranting2: :ranting2: :ranting2:

c'e la guida sotto !! :ranting2: :ranting2: :regole: :regole: :regole: :regole:

haha scherzo dai, non te la prendere io non so neanche da che parte iniziare :):P:P:wub:

Quella guida è per realizzare un'effetto flash...

E' possibile fare quegli obrobri :P;):(;);):) anche con javascript :angry:

Questo ti piace?

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
stai diventando assillante !! :ranting2: :ranting2: :ranting2: :ranting2:

c'e la guida sotto !! :ranting2: :ranting2: :regole: :regole: :regole: :regole:

haha scherzo dai, non te la prendere io non so neanche da che parte iniziare :):P:P:(

:wub::P;)

adesso rileggo con attenzione :leggi: :leggi: :leggi:

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Inviato (modificato)

ti ringrazio anch io! sto facendo il js.. e mi sto appassionando... cosi ho cercato di leggere e capire questo.. pensavo il prog fosse piu difficile!

quindi basta event.clientX per avere la coordinata in pixel del mouse, giusto?

:up1:

ho imparato una cosa nuova! (la programmazione mi appassione sempre piu!) :)

:P:P

Modificato da frman16

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
Funziona!!! :P

E ora avrei un'altra domanda :P .. non mi picchiate però ...

Allora, ho scelto il bullet ed ho seguito le indicazioni, ora come faccio a dare l'effetto "coda" (non so come chiamarlo) come si vede qui ? :angel_not: :angel_not: :angel_not:

...scusa, ma per fortuna Bug l'ha già postato un codice semplice...

...ricorda che una cosa troppo voluminosa attaccata al mouse può diventare assillante!! (e anche un poco fastidiosa...)

...quella proposta da Prozac è seria, ma a mio parere troppo grande...

...comunque dai un'occhiata quà per scegliere:

http://www.asbafo.net/ja_mouse/mouse_01.html (le formiche sono il mio effetto preferito!! :wub:

)

http://www.morpheusweb.it/html/scripts/dht...tml_cursore.asp (quà però non mostrano gli esempi, ma puoi intuirli, e al massimo li provi...)

:)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Di niente, mi pagano per questo (B) (no non è vero :sigh: )

:)

Tacchinaggio in corso...attendere prego...

:P:P:wub::P;):(;);)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

...scusa, ma per fortuna Bug l'ha già postato un codice semplice...

...ricorda che una cosa troppo voluminosa attaccata al mouse può diventare assillante!! (e anche un poco fastidiosa...)

...quella proposta da Prozac è seria, ma a mio parere troppo grande...

...comunque dai un'occhiata quà per scegliere:

http://www.asbafo.net/ja_mouse/mouse_01.html (le formiche sono il mio effetto preferito!! :)

)

http://www.morpheusweb.it/html/scripts/dht...tml_cursore.asp (quà però non mostrano gli esempi, ma puoi intuirli, e al massimo li provi...)

:wub:

Grazie mille :):P:P , in questo momento ho dei problemi ad aprire il primo sito, spero di riuscirci al più presto :angry::angry::angry:

Ringrazio tutti per la pazienza! :(;);)

:P;)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Crea un account o accedi per lasciare un commento

Devi essere un utente registrato per partecipare

Crea un account

Iscriviti per un nuovo account nella nostra community. È facile!


Registra un nuovo account

Accedi

Sei già registrato? Accedi qui.


Accedi Ora
Accedi per seguire   
Seguaci 0