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:<br>" + this.src);
}
function onAfter() {
$('#output').html("Scroll complete for:<br>" + this.src)
.append('<h3>' + this.alt + '</h3>');
}</code></pre>
</td></tr>
</table>
que vendria a ser el DOM; diculpen pero soy recontra novato en javascript