javascript - Comment écrire un carrousel avec des images ci-dessus et ci-dessous en utilisant jq?
黄舟
黄舟 2017-05-19 10:13:41
0
1
746

Comme le montre l'image, la petite image en bas ne bouge pas pendant le carrousel automatique, mais le panier apparaît sur la petite image suivante après 1 seconde. Lorsque la case bleue apparaît sur la petite image la plus à droite, la seconde suivante La petite. l'image en bas déplace 4 petites images vers la gauche. Comment faire un tel carrousel automatique S'il vous plaît, donnez-moi quelques idées

.

Voici la partie code de l'image du carrousel

            <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>
黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

répondre à tous(1)
洪涛

Laissez l'image supérieure et l'image inférieure se correspondre via un certain attribut. Lorsque l'image supérieure est active, l'image inférieure se déplace vers la position la plus à gauche et ce cycle est répété comme un carrousel normal.

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal