Wpisy z kategorii w sliderze

(@janko8403)

Mam taki problem, otóż generuje sobie wpisy w sliderze lecz nie wiem jak zrobić żeby tylko pierwszy w nich miał klasę active a reszta z automatu juz nie

<?php query_posts('category_name=oferty'); ?>
                      <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>    

                        <div class="item active">
                          <div class="col-xs-12 col-sm-6 col-md-3">
                              <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?>
                              <img src="<?php echo $image[0]; ?>" class="img-responsive">
                              <div class="box">
                              <p><?php the_title(); ?></p>
                              <p><?php the_field('ulica'); ?></br><?php the_field('kod_pocztowy'); ?> <?php the_field('miasto'); ?></p>
                              </div>
                          </div>
                        </div>

                      <?php endwhile; else: ?>
                        <p><?php _e('Brak nieruchomości do sprzedaży','Home') ?></p>
                      <?php endif; ?>
                    <?php wp_reset_query(); ?>

Viewing 9 replies - 1 through 9 (of 9 total)

wpnet.pl

(@wpnetpl)

8 years, 10 months temu

Spróbuj tak:

<?php query_posts('category_name=oferty'); ?>
  <?php $active = ' active'; ?>
  <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>    

	<div class="item<?php echo $active; ?>">
	  <div class="col-xs-12 col-sm-6 col-md-3">
		  <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?>
		  <img src="<?php echo $image[0]; ?>" class="img-responsive">
		  <div class="box">
		  <p><?php the_title(); ?></p>
		  <p><?php the_field('ulica'); ?></br><?php the_field('kod_pocztowy'); ?> <?php the_field('miasto'); ?></p>
		  </div>
	  </div>
	</div>
	<?php $active = '' ?>

  <?php endwhile; else: ?>
	<p><?php _e('Brak nieruchomości do sprzedaży','Home') ?></p>
  <?php endif; ?>
<?php wp_reset_query(); ?>

Twórca wątku

janko8403

(@janko8403)

8 years, 10 months temu

niby lepiej ale klonują mi się wpisy , jakas dziwna klads sie dodaje

cloneditem-1

do:

czyli

wpnet.pl

(@wpnetpl)

8 years, 10 months temu

To wynik działania skryptu javascript.
Możesz podać adres strony?

Twórca wątku

janko8403

(@janko8403)

8 years, 10 months temu

Niestety robię to lokalnie

(function(){
  $('#carousel123').carousel({ interval: 5000 });
  $('#carouselABC').carousel({ interval: 3600 });
}());

(function(){
  $('.carousel-showmanymoveone .item').each(function(){
    var itemToClone = $(this);

    for (var i=1;i<4;i++) {
      itemToClone = itemToClone.next();

      if (!itemToClone.length) {
        itemToClone = $(this).siblings(':first');
      }

      itemToClone.children(':first-child').clone()
        .addClass("cloneditem-"+(i))
        .appendTo($(this));
    }
  });
}
());

faktycznie dodaje taką klasę

wpnet.pl

(@wpnetpl)

8 years, 10 months temu

Czy slider działa?

Klonowanie niektórych elementów może być czymś normalnym w przypadku tego slidera.

Twórca wątku

janko8403

(@janko8403)

8 years, 10 months temu

tak, działa ale sa tylko dwa wpisy, a slider ma cztery kolumny

Twórca wątku