za pomocą daty w divie przesyłam sobie informacje do javascriptu:
Mój kawałek kody z wordpressa:
<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()); ?>" > <a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"> <?php $thumb = tube_getcustomfield('thumb',get_the_ID()); if(!empty($thumb)) { ?> <img src="<?php echo $thumb; ?>" alt="<?php the_title_attribute(); ?>" width="179" height="142" /> <?php } else { ?> <img src="<?php bloginfo('template_url') ?>/images/pic_post1.jpg" width="179" height="142" alt="image" /><?php } ?> </a> </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:
$( document ).ready(function() { $( ".boxentry" ).hover(function() { var op_item_id = $(this).data('op_item_id'); var thumbnails_str = $(this).data('op-item_imgs'); var start_img = $('img').attr('src'); }); });
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 ).