Pertanyaan geser div secara horizontal dengan jquery dan javascript


Saya mencoba menampilkan testimonial saya di halaman tentang kami. Di sana saya menggunakan 3 divs dengan styling secara horizontal untuk menampilkan 3 testimonial sekaligus.

Di sini yang saya coba lakukan adalah saya ingin menambahkan beberapa efek geser dengan kueri menghilang ke 3 pertama divs dan kemudian perlu memuat 2nd 3 divs dengan testimonial yang berbeda. dan seterusnya .. saya melakukan HTML dan CSS .. tetapi tidak tahu bagaimana melakukannya dengan query ... dapatkah badan membantu saya untuk melakukan ini .. ???

<div class="testimonials">
    <div class="cols">
        contents...1st time                    
    </div>
    <div class="cols">
        contents...1st time       
    </div>
    <div class="cols">
        contents...1st time       
    </div>

    <div class="cols">
        contents...2st time                    
    </div>
    <div class="cols">
        contents...2st time       
    </div>
    <div class="cols">
        contents...2st time       
    </div>

</div>


.testimonials {
    width: 640px; 
    height: 300px;
    //background: red; 
}

.cols {
    width: 150px;
    height: 200px;
    margin: 0 20px 0 0;
    background: gray;
    float: left;
}

setiap komentar, ide apa pun sangat dihargai ...

Terima kasih..


5
2017-12-21 09:36


asal


Jawaban:


Coba ini, jQuery javascript jQuery ringan: http://baijs.nl/tinycarousel/


2
2017-12-21 09:55



Ini adalah plugin yang bagus untuk korsel jQuery

http://sorgalla.com/projects/jcarousel/ 

Github:  https://github.com/jsor/jcarousel

atau

Github:  https://github.com/SSilence/simple.carousel

Lihat jsFiddle demo di sini: http://jsfiddle.net/enve/GWhaz/

Tiga yang pertama <li> ditampilkan pertama dan tiga lainnya ditampilkan setelah tahun 2000 detik.


2
2017-12-21 09:39



Sesuatu seperti ini? http://jsfiddle.net/gZkUV/1/

$('#id').show('slide', {direction: 'right'}, 1000);

1
2017-12-21 09:51



jika Anda benar-benar ingin menggunakan jquery, gunakan sesuatu yang sudah dibangun dan di luar sana di komunitas. yang akan menjadi pilihan yang jauh aman dan fleksibel daripada apa pun yang Anda buat dari awal .. Gunakan sesuatu seperti coin slider atau jquery cycle plugin. Mereka memiliki beberapa spesifik tentang markup html di mana Anda menerapkan plugin. Ikuti itu dan Anda selesai.


1
2017-12-21 09:52