Desplazamiento de Noticias Horizontal

[zeuzft]

Tengo una tabla noticias en mi base de datos; ahora en mi index tengo una parte donde aparecen dichas noticias; quisiera saber como puedo hacer un desplazamiento de dichas noticias en forma vertical; son noticias con imagen o sin ella; y cuando haga click me mande a la noticia completa.

[marcopoloaz06]

hola, ps te dejo 2 links que te pueden servir, usan el poderoso jQuery
http://jqueryfordesigners.com/demo/coda-slider.html
otro tambien muy bueno
http://malsup.com/jquery/cycle/int2.html
y si simplemente quieres un scroll sencillo usa la etiqueta
<marquee>
saludOs
:]

[zeuzft]

lo que pasa es que cada uno de ellos implementa los archivos de forma estatica; es decir yo ingreso foto 2 y siempre sera foto 2; lo que yo busco es hacer que cada vez que ingreso un registro en mi BD se agregue automaticamente a la animacion; pero la forma seria mas o menos como Callbacks pero con el contenido de la noticia al costado???????

[marcopoloaz06]

Hola, ps tambien lo puedes hacer modificando el DOM con el callback
saludos
:d

[zeuzft]

lo que puedo ver cuando clic derecho ver codigo es esto:

Código PHP:

      <h1>Callbacks</h1> 
    <p>Before and after callbacks are supported for each slide transition. Within the context 
    of your callback method, <code>this</code> is the element that is transitioning in.  The 
    <code>before</code> option specifies the name of the callback function to be invoked 
    immediately before a slide transition.  The <code>after</code> option specifies the name 
    of the callback method to be invoked at the end of a slide transition. 
    </p><p> 
 
    The before and after callback methods are passed three arguments: 
    <ol> 
        <li>the DOM element for the slide that is being transitioned <strong><em>in</em></strong> (same as <em>this</em>)</li> 
        <li>the DOM element for the slide that is being transitioned <strong><em>out</em></strong></li> 
        <li>the options object</li> 
 
    </ol> 
    </p> 
     
    <table cellspacing="20"> 
    <tr><td> 
        <div id="s5" class="pics"> 
            <img src="images/beach1.jpg" width="200" height="200" alt="Panama City Beach, FL" /> 
            <img src="images/beach2.jpg" width="200" height="200" alt="Three boys heading to the water" /> 
            <img src="images/beach3.jpg" width="200" height="200" alt="Danny looking for sharks!" /> 
        </div> 
 
        <pre><code class="mix">$('#s5').cycle({ 
    fx:     'scrollLeft', 
    timeout: 5000, 
    before:  onBefore, 
    after:   onAfter 
 });</code></pre> 
    </td><td><div id="output">Status area</div></td> 
    </tr><tr><td id="big" colspan="2">The callbacks for the example above are implemented as follows: 
    <pre><code id="skip" class="mix">function onBefore() { 
    $('#output').html("Scrolling image:&lt;br&gt;" + this.src); 
} 
function onAfter() { 
    $('#output').html("Scroll complete for:&lt;br&gt;" + this.src) 
        .append('&lt;h3&gt;' + this.alt + '&lt;/h3&gt;'); 
}</code></pre> 
 
    </td></tr> 
    </table>  
   

que vendria a ser el DOM; diculpen pero soy recontra novato en javascript