Foro:Efecto Extraño

De Inciclopedia
Ir a la navegación Ir a la búsqueda

< Pagina Principal del Forúnculo

Hace 6122 días que no se edita en esta discusión
Así que a no ser que sea muy importante, no te dejaremos editarla tan fácilmente


javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',5); void(0);

Copien y peguen este código en su navegador de Mozilla Firefox, Internet Explorer o lo que tengan, solo funcionará si la página en la que estás tiene muchas imágenes! --Kike 07:57 3 nov 2006 (UTC)

Jaja Vale.gif ta bueno jeje. Saludos.--Niko guti2006.JPG >> >> 21:31 3 nov 2006 (UTC)
Este no es el Tío1, pero también quiere volar
Ándale... qué pinche loco. --Cronos 22:03 3 nov 2006 (UTC)
Exactamente donde se copia?--CazuGod 22:11 3 nov 2006 (UTC)
Este tio quiere volar
Jajaja!! Veamos si el tio tambien vuela (en la direccion de paginas web Su Dureza)--Fer Alguna pregunta? 22:13 3 nov 2006 (UTC)
WOW, que bueno, es la leche, esto lo cuento en el super.--CazuGod 22:15 3 nov 2006 (UTC)
Jaja, y mas aun si lo haces en una pagina con imagenes chicas... en una pagina de usuario, con las userboxes, crea un efecto increiblemente WOW--Fer Alguna pregunta? 22:17 3 nov 2006 (UTC)
Fer, no es necesario que la página sea de Inciclopedia presisamente... Diablo.png — Chixpy@ a las  22:54 3 nov 2006 (UTC) PD: Vaya, leí un imaginario "de" entre "imágenes" y "chicas"
Hombre Chixpy, me lo imagino. Pero si lo haces en una pagina con muchas imagenes pequeñas (como las de las userboxes) el efecto es WOW (que? se me olvido poner el "de" entre "imagenes" y "chicas"? que error mas tonto...)--Fer Alguna pregunta? 23:09 3 nov 2006 (UTC)
Mmmmm, hay cierta pagina que no nombrare en la que hacerlo debe ser un show...--CazuGod 23:02 3 nov 2006 (UTC)
O_o, vaya flipada, mola, mola el cacharro ese. 09:30 4 nov 2006 (UTC)
jajaj, y si le das más de una vez aún más rápido. Lo malo es que no se pueda "parar" a menos que recargues la página... --Ciencia Al Poder ¿Algo que decir? 10:23 4 nov 2006 (UTC)
Qué chulo Sonreír.PNG. Se van los emoticonos a paseo... Risa.gifRisa.gifRisa.gifRisa.gifRisa.gif --Gryphonheart 12:58 4 nov 2006 (UTC)
Wow, pues mola la cosa, podría servir para el artículo Marihuana... ¿Se podría?--Matemático Discreto (Discusión) 17:40 4 nov 2006 (UTC)
Si, lo de la marihuana sería muy bueno. No sé si se podría añadir..., se podría probar haciendo algo similar a lo que hacemos para cambiar el logo y en vez de añadir un CSS, copiarlo cambiando la correspondiente llamada para poder añadir un JS... — Chixpy@ a las  17:47 4 nov 2006 (UTC)
Ciencia tú que dominas el JavaScript para pasar eso a un .js vale con copiarlo y pegarlo o hay que añadir var a las variable (y supondo que habrá que meterlo en una función y llamarla con que AddOnLoadHook ese que las carga ¿no?) — Chixpy@ a las  17:52 4 nov 2006 (UTC)
Tiene imágenes muy grande y no dejar leer el texto, mejor sería hacer que lo copiaran y pegaran una vez que ya han leido el artículo... — Chixpy@ a las  18:12 4 nov 2006 (UTC)


Muy buena idea lo de la Marihuana xD --Kike 02:04 5 nov 2006 (UTC)

Bueno, se podría poner en una función, con sus respectivos "var" y de paso hacer no que se active al cargar sino cuando hagan clic en un enlace especial, y al hacer clic en el mismo otra vez se pare. Que sea el lector el que decida si quiere que su navegador se vuelva loco y cuándo. igual hoy me curro la función si me veo inspirado --Ciencia Al Poder ¿Algo que decir? 10:22 5 nov 2006 (UTC)
Pensandolo mejor, creo que se podría hacer que se moviesen unas imágenes en concreto. Incluso hacerlo con imágenes que no aparezcan en el artículo y sólo aparezcan al hacer clic (hojitas de marihuana, etc.). Si me lo decís cuanto antes me pongo que creo que estoy inspirado. --Ciencia Al Poder ¿Algo que decir? 10:24 5 nov 2006 (UTC)
Sorprendenos Risa.gif Es decir, como tu quieras o te sea más fácil.--Matemático Discreto (Discusión) 11:14 5 nov 2006 (UTC)

He aquí el código:

var R=0;
var x1=.1;
var y1=.05;
var x2=.25;
var y2=.24;
var x3=1.6;
var y3=.24;
var x4=300;
var y4=200;
var x5=300;
var y5=200;
var DI = null;

var txtBotonFumaoSi = 'fumarte un porro';
var txtBotonFumaoNo = 'volver al mundo real';

var botonVolar = null;
var mareo = null; // "Interval"

function moverCosas(){
	for(var i = 0; i - DI.length; i++){
		var DIS = DI[i].style;
		DIS.position = 'absolute';
		DIS.left = Math.sin(R*x1+i*x2+x3)*x4+x5 + 'px';
		DIS.top = Math.cos(R*y1+i*y2+y3)*y4+y5+'px';
	}
	R++
}

function volar(){
	if (mareo == null){
		mareo = setInterval('moverCosas()',5);
		botonVolar.value = txtBotonFumaoNo;
	}else{
		clearInterval(mareo);
		mareo = null;
		botonVolar.value = txtBotonFumaoSi;
		todoAsuLugar(); // Esto dejará todo como estaba;
	}
}

function cargaBotonVolar(){
	var sitio = document.getElementById('sitiobotonvolar');
	if (!sitio) return;
	botonVolar = document.createElement('input');
	botonVolar.type = 'button';
	botonVolar.value = txtBotonFumaoSi;
	if (botonVolar.addEventListener)
		botonVolar.addEventListener('click', volar, false);
	else if (botonVolar.attachEvent) //IE
		botonVolar.attachEvent('onclick', volar);
	sitio.appendChild(botonVolar);
	DI = document.getElementsByTagName('img'); // ponemos en DI lo que se vaya a mover.
}

function todoAsuLugar(){
	if (mareo != null)
		clearInterval(mareo);
	for(var i = 0; i - DI.length; i++){
		var DIS = DI[i].style;
		DIS.position = '';
		DIS.left = '';
		DIS.top = '';
	}
}

hookEvent('load', cargaBotonVolar);
hookEvent('unload', todoAsuLugar); // Para ser limpios y que nadie se asuste si volvemos adelante y atrás en el historial

Y si colocáis en el artículo un div como si fuese una plantilla con algo como:

<div>Este artículo ha sido escrito por un colgao y puede que no lo entiendas
Puedes probar a <span id="sitiobotonvolar"></span></div>

en el interior del span aparecerá un botoncito con el texto de la variable txtBotonFumaoSi. Eso sí, yo de vosotros cambiaría el tiempo del intervalo a uno un poco más grande (50 quizás) porque en firefox se ve igual de lento pero en IE va a toda pastilla y puede que a alguien le empiece a salir humo de la computadora de tanto ajetreo xD.

Personalizadlo cuanto queráis. Ahora mueve todas las imágenes, pero si queréis que mueva sólo imágenes nuevas tendréis que hacer un DI = new Array(); e ir añadiendo imágenes con el document.createElement('img'); etc.

Probado en IE y Firefox

--Ciencia Al Poder ¿Algo que decir? 13:33 5 nov 2006 (UTC)

Vale.gif Ahora voy a intentar hacer lo mismo que hacemos con los CSS, para poder poner a cada página su propio js — Chixpy@ a las  19:26 5 nov 2006 (UTC)