Ver Mensaje Individual
  #5 (permalink)  
Antiguo 17/07/2009, 16:36
Avatar de zeuzft
zeuzft
 
Fecha de Ingreso: junio-2009
Ubicación: peru
Mensajes: 358
Antigüedad: 14 años, 10 meses
Puntos: 2
Respuesta: Desplazamiento de Noticias Horizontal

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 transitionWithin the context
    of your callback method
, <code>this</codeis the element that is transitioning in.  The
    
<code>before</codeoption specifies the name of the callback function to be invoked
    immediately before a slide transition
.  The <code>after</codeoption 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',
    
timeout5000,
    
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