Witam. A więc:

za pomocą daty w divie przesyłam sobie informacje do javascriptu:

Mój kawałek kody z wordpressa:

  1. <div class="boxentry" id="<?php echo 'op_img_id_'.get_the_ID(); ?>" data-op_item_id ="<?php echo get_the_ID(); ?>" data-op-item_imgs="<?php echo op_get_thumbnails(get_the_ID()); ?>" >
  2. <a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>">
  3. <?php $thumb = tube_getcustomfield('thumb',get_the_ID()); if(!empty($thumb)) { ?>
  4. <img src="<?php echo $thumb; ?>" alt="<?php the_title_attribute(); ?>" width="179" height="142" /> <?php } else { ?>
  5. <img src="<?php bloginfo('template_url') ?>/images/pic_post1.jpg" width="179" height="142" alt="image" /><?php } ?>
  6. </a>
  7. </div>


Gdzie data-op-item_imgs jest to string z nazwami kolejnych img do rotacji np 1.jpg,2.jpg itd.

Następnie pobieram sobie dane w jQuery:
  1. $( document ).ready(function() {
  2. $( ".boxentry" ).hover(function() {
  3. var op_item_id = $(this).data('op_item_id');
  4. var thumbnails_str = $(this).data('op-item_imgs');
  5. var start_img = $('img').attr('src');
  6. var thumb = thumbnails_str.split(',');
  7. });
  8. });


I teraz mnie trochę przystopowało. W jaki sposób zrobić aby po najechaniu na boxentry podmieniało mi src="" znacznika img np co sek z tablicy thumb (taka pętla nieskończona gdy najeżdżamy na boxentry a gdy jest poza resetuje do początkowej wartości ).