Marque con Imagenes en Ciclo.....

[masterojitos]

Gracias por leer el post.

El tema es el siguiente:

Como se puede realizar una marquesina (marquee) de tal forma que al acabar el contenido, al momento inicie de nuevo, es decir, no esperar que todo pase de largo para volver a empezar...

es algo asi, como lo clasico que se utiliza en la barra de estado:

Código HTML:

<Script Language="JavaScript">
<!--
stcnt =0;
msg = "hola";
blnk = " ";
str = blnk + blnk + blnk + msg;
function scroller()
{  
   window.status = str.substring(stcnt++,str.length+1);  
   if (stcnt>str.length) stcnt=0;  
   setTimeout("scroller()",200);
}
// -->
</script> 

con la diferencia, que yo lo deseo con imagenes, y a estas no se les puede hacer un substring..... haber si ya le ha sucedido a alguien u otro el cual me pueda dar una mano.

muchas gracias de antemano, una vez mas.

[pateketrueke]

con PHP lo dudo, maestro....

suerte!

[masterojitos]

bueno, de todos modos gracias maestro pateketrueke, es que pongo el tema en php, ya que al ser un codigo libre, las ideas y logicas son las mismas, solo deseo la logica, que yo sabre el lenguaje para realizarlo.... no obstante, tambien interviene php, ya que las fotos las jalo de bd.......

necesito ayuda plis, esto es algo muy valioso eh!!

[Ronruby]

Te iria mejor preguntando directamente en el foro de Javascript.
Aunque moveran este tema de todos modos.

Google tambien ayuda mucho.
El efecto no es muy bueno, pero editalo a tu gusto:

Código HTML:

<script language="JavaScript">
<!--
// Javascript encontrado en MundoJavascript.com 
// Intrucciones de uso 
// debes poner este código en el Cuerpo (BODY) de la página

var moji;
moji="Ejemplo del Java Script Por Cortesia de MundoJavascript.com  - ";
moji=moji+moji;
function hyouji(){
	setTimeout("hyouji()",200);
	moji=moji.substring(2,moji.length)+moji.substring(0,2);
	document.MojiForm.MojiInput.value=moji;
}
//-->
</script>
<form name="MojiForm">
  <font class="samp"><div align="center"><center><p></font> <input name="MojiInput" type="text" size="46"> </p>
  </center></div>
</form>
<script language="JavaScript">
<!--
hyouji();
//-->
</script> 

Via: http://www.mundojavascript.com/marqu...rizontal.shtml

[pateketrueke]

demas, donde estan las imagenes que menciona el titulo.... mira, probando... hice esto

Código:

<script type="text/javascript"><!--

var str = 'Esta es un prueba, eh!';
var count = 0, len = str.length;

setInterval(function() {
	
	var out =  str.substr(len - count, ++count);
	out += ' - ' + str.substr(0, len - count);
	
	window.status = out;
	
	
	if (count > len)
	{
		count=0;
	}
	
	
}, 260);


--></script>

NOTA: abusado con el foro, no porque sea un foro en general libre... vas a andar poniendo cosas donde no es, suerte!

[masterojitos]

ya vez maestro, ya me estas acusando, digo que lo publico en php por que utilizo php, solo que el quizas mi solucion sea con javascript, pero no creo, ya que tanto tu como Ronruby, hacen el codigo parecido al que puse, pero como mencione, eso sirve por que corta el texto con substring pero en mi caso son imagenes, y bueno, aqui dejo el codigo, ojala me ayuden.

Código PHP:

 <table width="860" height="150" border="0" cellpadding="5" cellspacing="0">
    <tr>
        <td align="right" width="22" valign="middle">
            <a href="#" onmousemove="document.getElementById('galeria').direction='left'"><img src="Admin/imagenes/anterior.png" border="0" /></a>
        </td>
        <td align="center" width="816" onclick="document.location='galeria de trabajos.php'" >
            <marquee id="galeria" direction="right" scrollamount="3" behavior="alternate">
                <table width="100%" height="100%" border="0" cellpadding="5" cellspacing="0">
                    <tr>
                    <?php
                    $rs=$Galeria_Logic->listarGaleria("imagen,nombre,id_centro,estado");
                    $cant=mysql_num_rows($rs);
                    $veces=intval(816/($cant*150));
                    if(816%($cant*150)>20)$veces++;
                    for($i=0;$i<$veces;$i++){
                        $rs=$Galeria_Logic->listarGaleria("imagen,nombre,id_centro,estado");
                        while($row=mysql_fetch_row($rs)){
                            if($row[3]==1){
                    ?>
                        <td class="azul_chico" onmousemove="document.getElementById('galeria').stop()" onmouseout="document.getElementById('galeria').start()" style="cursor:pointer"><img src="UserFiles/Image/<?=$row[0]?>" width="150" height="150" border="0" /><br /><?=$row[1]?><br /><?=$row[2]?></td>
                    <?php
                            }
                        }
                    }
                    ?>
                    </tr>
                </table>
            </marquee>
        </td>
        <td align="left" width="22" valign="middle">
            <a href="#" onmousemove="document.getElementById('galeria').direction='right'"><img src="Admin/imagenes/siguiente.png" border="0" /></a>
        </td>
    </tr>
</table>  

esta con clases, esta hoja es un include, y si sale todo bien, como digo, solo deseo que asi como el codigo que pusieron, funcione con imagenes.... gracias una vez más.

[masterojitos]

AYI BUSCANDO Y BUSCANDO, NADA, JAJA.

lo unico que se me ocurre es colocar el behavior="alternate", pero lo malo que el cliente no desea asi, aver si alguien me da un apoyo con este tema.... gracias.

[jam1138]

.. sin comentarios