Asignar ID a Thumbnails

[lobos1981]

Este es orbit.php: tal cual..como está.

Código PHP:

<div id="featured">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php
if ( has_post_thumbnail() ) {
the_post_thumbnail(); // Esta es la parte q falta...
}
?>
 
<!-- Captions for Orbit -->
<span class="orbit-caption" id="<?php the_ID(); ?>" style="color:#F00;">
 
<a href="<?php the_permalink() ?>"><?php the_title(); ?></a>
<?php include (TEMPLATEPATH . '/inc/meta.php' ); ?>
<?php the_excerpt(); ?>
 
</span>
 
<?php endwhile;?>
<?php else :?>
<?php endif;?>
 
<script type="text/javascript">
$(window).load(function() {
$('#featured').orbit({
bullets: true,
captions: true,
captionAnimation: 'fade',
captionAnimationSpeed: 800,
});
});
</script>
</div>
 

-------------------
¿Dónde debo colocar...

Código PHP:

data-caption="#<?php the_ID() ?>"
 

mejor dicho para q la imagen resultante se vea así... con ese atributo data-caption y anteponerle el signo numeral..

Código HTML:

<img src="" data-caption="[COLOR="Red"]#[/COLOR]AQUÍ ID del Post">