javascript - Bagaimana untuk menulis karusel dengan imej di atas dan di bawah menggunakan jq?

Question

Seperti yang ditunjukkan dalam gambar, gambar kecil di bahagian bawah tidak bergerak semasa karusel automatik, tetapi bakul muncul pada gambar kecil seterusnya selepas 1 saat Apabila kotak biru muncul pada gambar kecil paling kanan, kedua yang kecil gambar di bahagian bawah menggerakkan 4 gambar kecil ke kiri Bagaimana untuk membuat karusel automatik seperti itu?
Ini ialah bahagian kod imej karusel

            <p class="img_list_area">
                    <p class="top_img">
                        <span class="T_next"></span>
                        <span class="T_prev"></span>
                        <ul>
                            <li>
                                <a>
                                    <img src="img/img_list.png"/>
                                </a>
                            </li>
                            <li>
                                <a>
                                    <img/>
                                </a>
                            </li>
                            <li>
                                <a>
                                    <img/>
                                </a>
                            </li>
                            <li>
                                <a>
                                    <img/>
                                </a>
                            </li>
                            <br clear="all"/>
                        </ul>
                    </p>
                    <p class="bottom_img">
                        <span class="B_next"></span>
                        <span class="B_prev"></span>
                        <ul>
                            <li class="on">
                                <a>
                                   <img src="img/img_list.png"/>
                                </a>
                                <p class="blue_border"></p>
                            </li>
                            <li>
                                <a>
                                   <img src="img/img_list.png"/>
                                </a>
                                <p class="blue_border"></p>
                            </li>
                            <li>
                                <a>
                                   <img src="img/img_list.png"/>
                                </a>
                                <p class="blue_border"></p>
                            </li>
                            <li>
                                <a>
                                   <img src="img/img_list.png"/>
                                </a>
                                <p class="blue_border"></p>
                            </li>
                            <br clear="all"/>
                        </ul>
                    </p>
                </p>

Answer 1

Biarkan gambar atas dan gambar bawah sepadan antara satu sama lain melalui atribut tertentu Apabila gambar atas aktif, gambar bawah bergerak ke kedudukan paling kiri, dan ini bergelung, dan yang lain adalah sama seperti karusel biasa. # 🎜🎜#