Cum să modific bucla pentru a se potrivi cu slider-ul meu jQuery (slide-uri)

Question

Cum să modific bucla pentru a se potrivi cu slider-ul meu jQuery (slide-uri)

7 mar. 2012, 10:30:12

Vizualizări: 2.15K

Voturi: 2

Încerc să creez un slider care preia miniaturi dintr-un anumit tip de postare personalizată și afișează câte patru pentru fiecare "slide". Am reușit să fac slider-ul și miniaturile să funcționeze corect, dar nu sunt sigur cum să modific bucla pentru a afișa 4 postări într-un container, apoi să repete cu următoarele 4 postări și așa mai departe.

Bucla mea arată astfel:

<div id="slides">
    <div class="slides_container">

        <?php $loop = new WP_Query(array('post_type' => 'fastighet', 'posts_per_page' => -1, 'orderby'=> 'ASC')); ?>
        <?php while ( $loop->have_posts() ) : $loop->the_post(); ?>

            <div class="slide">
                <?php $url = get_post_meta($post->ID, "url", true);
                if($url!='') {
                    echo '<a href="'.$url.'">';
                    echo the_post_thumbnail('admin-list-thumb');
                    echo '</a>';
                } else {
                    echo the_post_thumbnail('admin-list-thumb');
                } ?>
                <div class="caption">
                    <h5><?php the_title(); ?></h5>
                </div>
            </div>

        <?php endwhile; ?>
        <?php wp_reset_query(); ?>

    </div> <!-- sfârșit .slides_container -->

    <a href="#" class="prev">prev</a>
    <a href="#" class="next">next</a>

</div> <!-- sfârșit .slides -->

Fiecare div cu clasa slide devine un slide, după cum poți vedea. Dar cum pot face să pună 4 postări în fiecare astfel de slide, apoi încă 4 postări în următorul slide etc.

Orice ajutor sau sfat ar fi foarte apreciat!

Johan Dahl

1.34K

jquery buclă prezentare de diapozitive

Comentarii

Deoarece deja știi cum să interoghezi articolele tale și cum să returnezi imaginea reprezentativă din acele articole, ce rămâne este de fapt o întrebare despre PHP, mai degrabă decât una despre WordPress.

Chip Bennett

7 mar. 2012 14:38:52

Toate răspunsurile la întrebare

Comentarii

Se pare că tot primesc doar o singură imagine pe slide din nu știu ce motiv. De asemenea, thumbnail-urile nu sunt legate la nimic, deși ar trebui să fie legate la fiecare post.

Johan Dahl

7 mar. 2012 11:07:51

@JohanDahl: era o eroare în codul meu. Am reparat-o. Încearcă acum.

Sisir

7 mar. 2012 11:15:28

Da, am observat lipsa <?php și am adăugat-o. Totuși, nimic nu s-a schimbat. Încă primesc doar un slide per imagine :/

Johan Dahl

7 mar. 2012 11:20:18

@JohanDahl Ce anume acum?

kaiser

7 mar. 2012 11:22:39

Am actualizat codul meu ca să funcționeze și alte lucruri. Totuși, primesc doar o singură imagine în miniatură pentru fiecare slide.

http://pastebin.com/WbERsyUH

Johan Dahl

7 mar. 2012 11:33:01

Arată celelalte 12 comentarii

Aproape corect. Singura problemă era că de fapt nu doriți să afișați atât începutul cât și sfârșitul pe același index. Următorul cod funcționează pentru mine într-o situație similară. Singura modificare reală este că $i începe de la 1 și afișează tag-urile de deschidere și închidere pentru slide-uri pe numărări diferite.

De asemenea, mi-am luat libertatea de a curăța puțin codul.

<div id="slides">
    <div class="slides_container">

        <?php 
        $loop = new WP_Query( array( 
            'post_type' => 'fastighet', 
            'posts_per_page' => -1 
        ) ); 
        $i = 1; 
        while ( $loop->have_posts() ) : 
            $loop->the_post(); 
            if( $i % 4 == 1 ) : 
                ?>
                <div class="slide">
                <?php 
            endif; 
            ?>
            <div class="fastighet-slider-entry">
                <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail(); ?></a>
                <div class="caption">
                    <h5><?php the_title(); ?></h5>
                </div>
            </div> <!-- sfârșit .fastighet-slider-entry -->
            <?php 
            if( $i % 4 == 0 ) : 
                ?>
                </div>
                <?php 
            endif; 
            ++$i; 
        endwhile; 
        wp_reset_query(); 
        ?>

    </div> <!-- sfârșit .slides_container -->

    <a href="#" class="prev">anterioară</a>
    <a href="#" class="next">următoarea</a>

</div> <!-- sfârșit .slides -->

Kokarn

1

7 mar. 2012 16:07:09

Sisir 7.82K · Accepted Answer · 2012-03-07T10:45:39Z

Am încercat o matematică foarte simplă. <div class="slide"> se va afișa după fiecare 4 postări. Deci, o condiție if cu logica veche $i%4 == 0

<div class="slides_container">

                        <?php 
                            $args = array(
                                                        'post_type' => 'fastighet',
                                                        'numberposts' => -1,
                                                        'orderby' => 'ASC'
                                                    );
                            $posts = get_posts($args);
                            ?>
                        <?php $i = 0; foreach($posts as $post): ?>
                            <?php if($i%4 == 0): ?>
                                <div class="slide">
                            <?php endif; 
                                        $url = get_post_meta($post->ID, "url", true);
                                        if($url) {
                                                echo '<a href="'.$url.'">';
                                                echo the_post_thumbnail('admin-list-thumb');
                                                echo '</a>';
                                        } else {
                                                echo the_post_thumbnail('admin-list-thumb');
                                        } ?>
                                        <div class="caption">
                                                <h5><?php the_title(); ?></h5>
                                        </div>
                              <?php if($i%4 == 3): ?></div> <!--sfârșit .slide--><?php endif; ?> 

                        <?php $i++; endforeach; ?>

                </div> <!-- sfârșit .slides_container -->

Spune-mi cum merge. Mulțumesc!