Как ограничить цикл для лайтбокса?
-
Существует карусель, состоящая из постов. Каждый пост имеет галерею. Лайтбокс работает со всеми постами и галереями одновременно.
Вопрос — как ограничить влияние Лайтбокса в цикле одного поста включая галерею в этом посте?Вот код карусели —
<div id="content"> <div id="carousel"> <?php query_posts( array('cat' => 1, 'showposts' => 18) ); ?> <?php if (have_posts()) : while (have_posts()) : the_post();?> <div <?php post_class(); ?>> <?php if ( has_post_thumbnail()) { $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large'); echo '<a href="' . $large_image_url[0] . '" >'; the_post_thumbnail(); echo '</a>'; } ?> <div class="excerpt"> <h1><?php the_title(); ?></h1> <p><?php the_excerpt(); ?></p> </div> <div class="entry-content"> <?php the_content(); ?> </div> </div> <?php endwhile; ?> <?php endif; ?> </div> <a href="#" id="ui-carousel-next"><span>next</span></a> <a href="#" id="ui-carousel-prev"><span>prev</span></a> <div id="pages"></div> <?php>wp_reset_query();?> </div><!-- end content -->
Галерея находится в <?php the_content(); ?>
Это скрипт который добавляет ко всем изображениям класс лайтбокса —
<script type="text/javascript"> jQuery(document).ready(function($){ var select = $('.post-49, .post-1 ').find('a[href$=".bmp"],a[href$=".gif"],a[href$=".jpg"],a[href$=".jpeg"],a[href$=".png"],a[href$=".BMP"],a[href$=".GIF"],a[href$=".JPG"],a[href$=".JPEG"],a[href$=".PNG"]'); select.attr('class', 'lb_rlightbox'); $( ".lb_rlightbox" ).rlightbox(); }); </script>
как видно из первого кода я заменил класс поста .post на <div <?php post_class(); ?>> думал что прописав в скрипте отдельные классы для каждого поста решит вопрос.. но лайтбокс в данном случае создает галерею для тех постов, которые я прописал в скрипте, и соединяет их в одну большую лайтбокс-галерею…
Нужно чтобы они не соединялись а работали отдельно.
Буду благодарен за любую информацию в этом направлении.
- Тема «Как ограничить цикл для лайтбокса?» закрыта для новых ответов.