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 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
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
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
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.
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
- - - 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
CSS
jQuery
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.
HTML
Código:
<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
Código:
#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
Código:
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
- - - 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.
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...
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.
(30 Nov, 2013, 10:58 am)eNvy 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>
<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>