Creo que me apuré un poco. Es cierto que la marquesina no reinicia la vuelta apenas termina la muestra, porque si el contenido es menor al ancho (en el caso de que sea horizontal) de alguna forma debería multiplicar ese contenido. Y eso es muy complejo, antes de ejecutarla, el navegador tendría que hacer medidas y "tomar decisiones" según el caso.
Pero siempre hay un truco. Es cuestión de buscar. Insisto en que estas cosas hay que hacerlas con un escript, yo lo tomo como un desafío, porque ya abrimos este tema de efectos usando
marquee y me gusta completarlo. De cualquier forma, lo normal es encontrar limitaciones en algún navegador;repito, no es un método, es un truco.
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv=Content-Type content="text/html;
charset=utf-8">
<title>MARQUEE SIN ESPACIOS.</title>
<script>
function para(){
document.getElementById("marq").stop();
}
function arranca(){
document.getElementById("marq").start();
}
</script>
<style type="text/css">
</style>
</head>
<body>
<h2>Muestra las imágenes continuadas. Para IE, FF, Op. </h2>
<marquee scrollamount=2 scrolldelay=80 width=300
height=60 bgcolor=yellow onmouseover="para()"
onmouseout="arranca()" id="marq">
<div style="width:300px; height: 60px; white-space: nowrap;
position: relative; background-color: silver;">
<span style="position: absolute; left:-300px;"><img
src="http://www.forosdelweb.com/images/smilies/ojotes.gif"
onclick="alert(this.src)" width="60" height="60"><img
src="http://www.forosdelweb.com/images/smilies/molesto.gif"
onclick="alert(this.src)" width="60" height="60"><img
src="http://www.forosdelweb.com/images/smilies/wink.gif"
onclick="alert(this.src)" width="60" height="60"><img
src="http://www.forosdelweb.com/images/smilies/enojado.gif"
onclick="alert(this.src)" width="60" height="60"><img
src="http://www.forosdelweb.com/images/smilies/biggrin.gif"
onclick="alert(this.src)" width="60" height="60"><img
src="http://www.forosdelweb.com/images/smilies/ojotes.gif"
onclick="alert(this.src)" width="60" height="60"><img
src="http://www.forosdelweb.com/images/smilies/molesto.gif"
onclick="alert(this.src)" width="60" height="60"><img
src="http://www.forosdelweb.com/images/smilies/wink.gif"
onclick="alert(this.src)" width="60" height="60"><img
src="http://www.forosdelweb.com/images/smilies/enojado.gif"
onclick="alert(this.src)" width="60" height="60"><img
src="http://www.forosdelweb.com/images/smilies/biggrin.gif"
onclick="alert(this.src)" width="60" height="60"><img
src="http://www.forosdelweb.com/images/smilies/ojotes.gif"
onclick="alert(this.src)" width="60" height="60"><img
src="http://www.forosdelweb.com/images/smilies/molesto.gif"
onclick="alert(this.src)" width="60" height="60"><img
src="http://www.forosdelweb.com/images/smilies/wink.gif"
onclick="alert(this.src)" width="60" height="60"><img
src="http://www.forosdelweb.com/images/smilies/enojado.gif"
onclick="alert(this.src)" width="60" height="60"><img
src="http://www.forosdelweb.com/images/smilies/biggrin.gif"
onclick="alert(this.src)" width="60" height="60"></span>
</div>
</marquee>
<p><input type="button" value="Start" onClick="arranca();">
<input type="button" value="Stop" onClick="para();"></p>
</body>
</html>
En
Chrome (al menos) no anda. El escript es solamente para el efecto de "Start" / "Stop", no afecta a lo que estás pidiendo.
Correción : MARQUEE