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