Páginas (2): 1 2   
victoryfany   29 Nov, 2013, 10:23 pm
#1
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
Finer   29 Nov, 2013, 10:28 pm
#2
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
Última modificación: 29 Nov, 2013, 10:50 pm por fabiibiografiia.

[Imagen: tumblr_nj9sv13aff1tga1sco4_r1_500.gif]
victoryfany   29 Nov, 2013, 10:56 pm
#3
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.
eNvy   30 Nov, 2013, 4:48 am
#4
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.
victoryfany   30 Nov, 2013, 7:31 am
#5
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.
eNvy   30 Nov, 2013, 7:44 am
#6
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.
DarkEternity   30 Nov, 2013, 7:54 am
#7
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
eNvy   30 Nov, 2013, 10:58 am
#8
Última modificación: 30 Nov, 2013, 11:17 am por SallieJac.
DarkEternity   30 Nov, 2013, 11:25 am
#9
victoryfany   30 Nov, 2013, 1:12 pm
#10
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>
Páginas (2): 1 2   
  
Powered By MyBB, © 2002-2025 MyBB Group.
Made with by Curves UI.