Galeria na podstawie Flexislider Fancybox

  • Ryba

    (@ryba)


    11 lat, 1 miesiąc temu

    Witajcie,

    Nie znalazłem odpowiedniej wtyczki dla galerii więc postanowiłem samemu coś stworzyć.

    Strona ma charakter landingpage, a sekcja galerii mieści X albumów z czego widocznych jest pierwszych 6 i poniżej jest paginacja strony. Tylko nie chce mieć efektu przeładowania strony dlatego stwierdziłem, że oprę to na flexisliderze gdzie jeden slajd będzie mieścić 6 albumów. Po kliknięciu w album wyskakuje popup z zdjęciem + opisem i strzałkami prawo lewo.

    Problem polega na ustawieniu aby jeden slajd mieścił 6 albumów.

    Obecnie mam takie coś:
    wywala posty z kategorii id=3 z tym, że obecnie jeden post = jeden slajd, a powinno być 6 postów = 1 slajd i tak X razy w zależności ile jest postów z kategorii

    <ul class="slides">
					<?php
				        $posts = get_posts ("category=3");
				        if ($posts) {
				            foreach ($posts as $post):
				            setup_postdata($post); ?>
					    <?php if (has_post_thumbnail( $post->ID ) ): ?>
						<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'sw-thumb-galeria' ); ?>
						<?php else :
							$image = get_bloginfo( 'stylesheet_directory'); ?>
						<?php endif; ?>

				            <li>
				                <a href="<?php the_permalink() ?>"><?php the_title(); ?></a>
				                <a href=""><img src="<?php echo $image[0]; ?>"/></a>
							</li>
				        <?php endforeach;
				        }
				    ?>
				</ul>
Zobacz 2 odpowiedzi - od 1 do 2 (z 2 łącznie)
  • Moderator Paweł Knapek

    (@adpawl)

    11 lat, 1 miesiąc temu

    Podaj adres strony, bo z fusów nie będziemy wróżyć.

    pfober

    (@pfober)

    11 lat, 1 miesiąc temu

    Proponuję takie rozwiązanie: 

    <ul class="slides">
    <?php
        $counter = 0;
        $posts = get_posts ("category=3");
        if ($posts) {
            foreach ($posts as $post):
            setup_postdata($post); ?>
        <?php if (has_post_thumbnail( $post->ID ) ): ?>
        <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'sw-thumb-galeria' ); ?>
        <?php else :
            $image = get_bloginfo( 'stylesheet_directory'); ?>
        <?php endif; ?>
        <?php $counter++; ?>
        <?php if ($counter == 1) { echo"<li>"; } ?>
                <a href="<?php the_permalink() ?>"><?php the_title(); ?></a>
                <a href=""><img src="<?php echo $image[0]; ?>"/></a>
        <?php if ($counter == 6) { echo "</li>"; $counter = 0;}  ?>
        <?php endforeach;
        }
    ?>
</ul>

    Sprawdziłem i u mnie działa.

Zobacz 2 odpowiedzi - od 1 do 2 (z 2 łącznie)

Temat ‘Galeria na podstawie Flexislider Fancybox’ jest zamknięty na nowe odpowiedzi.