Texto Desvanecido
Hola muy buenas noches y saludos desde mexico :) tengo un pequeño problema quisiera poner un texto que cambie cada X segundos como en mybb-es logre p...

Hola muy buenas noches y saludos desde mexico Smile tengo un pequeño problema quisiera poner un texto que cambie cada X segundos como en mybb-es logre poner una cada vez que recargo la pagina cambia pero no encontré ningun javascrip para que se desvanezca y aparezca. Alguien que me pueda tirar un cable? Gracias Smile
Este link lo saque de un thread por aqui preguntando lo mismo.
http://pixelcoblog.com/mostrar-contenido...-y-jquery/
http://www.oloblogger.com/2011/05/rotar-...mismo.html

Todavia no lo he probado y no se si es lo que buscas pero creo que es eso.

http://www.mybb-es.com/hilo-como-como-co...-como-aqui
[Imagen: https://31.media.tumblr.com/b9f3b87cfcc8...r1_500.gif]
Última modificación: 29 Nov, 2013, 10:50 pm por fabiibiografiia.
Gracias fine pero no funciona no necesaria mente como menciono Gustavo es el código en si mas bien es el Scrip del texto lo que quiero
- - - Actualizado - - -
logre ponerlo pero alguna manera que haga ese efecto desvanecimiento XD
Última modificación: 29 Nov, 2013, 11:42 pm por victoryfany.
Un link que te dejo finer tiene lo justo y necesario para hacer lo mismo, sólo que hay que retocar algunos numeritos...

HTML

<ul id="tips">
	<li>... if you want to become a better coder you need to eat your vegetables?</li>
	<li>... it takes more time to code a web page then to make a pizza?</li>
	<li>... you should validate your code?</li>
	<li>... jQuery is your friend? For real!</li>
</ul>

CSS

#tips, #tips li{
	margin:0;
	padding:0;
	list-style:none;
	}
#tips{
	width:250px;
	font-size:16px;
	line-height:120%;
	}
#tips li{
	display:none; /* hide the items at first only */
	}

jQuery

this.randomtip = function(){

	var pause = 12000; // define the pause for each tip (in milliseconds)
	var length = $("#tips li").length;
	var temp = -1;		

	this.getRan = function(){
		// get the random number
		var ran = Math.floor(Math.random()*length) + 1;
		return ran;
	};
	this.show = function(){
		var ran = getRan();
		// to avoid repeating
		while (ran == temp){
			ran = getRan();
		};
		temp = ran;
		$("#tips li").hide();
		$("#tips li:nth-child(" + ran + ")").fadeIn("slow");
	};

	show(); setInterval(show,pause);

};

$(document).ready(function(){
	randomtip();
});

Con eso tenes el efecto. Si queres más tiempo entre cada texto, simplemente editas el "var pause" que es lo que define el tiempo de retraso. Yo lo ajuste a medida, fijate si te sirve.

Saludos.
muchas gracias hahha con ese no había podido hacerlo lo hice con el que no tenia efecto XD
- - - Actualizado - - -
solo una duda el jQuery como lo pongo adentro del div? o asi por separado como esta pero en la misma plantilla
Última modificación: 30 Nov, 2013, 7:37 am por victoryfany.
Dejame ver, ya que no se introduce tan simple... Edito cuando lo tenga listo.
Última modificación: 30 Nov, 2013, 7:47 am por SallieJac.
ya que estan trabajando en el script y la manera de mostar los anuncios como estan aqui, compartan como lo hacen ya que muchos en el foro no sabrian como colocarlos podrian hacerlo tipo tutorial para que mas de uno pueda usarlo
Intenté colocar el anterior pero no pude (Aclaro que no tengo mucho conocimiento en lo que es jQuery, me doy maña nomas).

Veré si puedo hacerlo funcionar y sino buscaré otra alternativa.

OFF: @DarkEternity Si puedo hacerlo funcionar, seguro haga el tutorial, pero acá el usuario está pidiendo el código que está en éste theme... Digo nomas...
Última modificación: 30 Nov, 2013, 11:17 am por SallieJac.
eNvy
30 Nov, 2013, 10:58 ameNvy escribió:
Intenté colocar el anterior pero no pude (Aclaro que no tengo mucho conocimiento en lo que es jQuery, me doy maña nomas).

Veré si puedo hacerlo funcionar y sino buscaré otra alternativa.

OFF: @DarkEternity Si puedo hacerlo funcionar, seguro haga el tutorial, pero acá el usuario está pidiendo el código que está en éste theme... Digo nomas...

si se lo que esta pidiendo el usuario pero si alguien mas lo consigio hacer nunca estaria demas dejar un tutorial de como lo hicieran asi se ahorran el trabajo y que preguntas como estas se hagan de nuevo cuando si ya hay una solucion existente
yo lo conseguí con este script pero sin el efecto de desvanecer

<script type="text/javascript">
var indice = 0;
frases = new Array();
frases[0] = "Texto1";
frases[1] = "Texto2";
frases[2] = "Texto3";
frases[3] = "Texto4";

indice = Math.random()*(frases.length);
indice = Math.floor(indice);

function rotar() {
if (indice == frases.length) {indice = 0;}
document.getElementById("rotando").innerHTML = frases[indice];
indice++;
setTimeout("rotar();",5000);
}
</script>

<div id="rotando" style="height:60px;margin:0px auto;"></div>
<script type="text/javascript">rotar();</script>
Colaboradores
Finer eNvy DarkEternity
This forum uses Lukasz Tkacz MyBB addons.