Fajna karuzela

Question

Jak zrobić taką karuzele http://janc.eu/ ?

Answer 1

http://owlgraphic.com/owlcarousel/ + ładne ostylowanie

Comments

Dzięki za odpowiedź.Nawet nie wiedziałem,że można tak ostylować owl.

Taką siatkę jak zrobić?

Ten licznik po prawej  i napis po lewej to :float-left i float-right?

---

Ta siatka to po prostu div z półprzezroczystym obrazkiem rozciągnięty nad stroną

Answer 2

Może trochę własnej inicjatywy? Strona którą podałeś jest w html, także możesz podejrzeć kod źródłowy klikając prawym przyciskiem myszy. Na samym dole jest taka funkcja:

$(function () {
    "use strict";
                        // background
                    $.supersized({

                		// Functionality
                		slide_interval          :   4000,		// Length between transitions
                		transition              :   1, 			// 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
                		transition_speed		:	700,		// Speed of transition

                		// Components
                		slides 					:  	[			// Slideshow Images

                                                            {image : 'http://janc.eu/wp-content/uploads/2014/07/Warsaw_BY-NIGHT-31.jpg'},
                                                                    {image : 'http://janc.eu/wp-content/uploads/2014/07/california-210913-a.jpg'},
                                                                    {image : 'http://janc.eu/wp-content/uploads/2014/07/rocket-launch-67646-a.jpg'},
                                                                    {image : 'http://janc.eu/wp-content/uploads/2014/07/office-1a.jpg'},
                                                  									]
                	});
            });

Prawdopodobnie ona odpowiada za slider w tle.

Comments

Nie ogarniam jeszcze js i jquery.