Fajna karuzela

pytanie zadane 26 czerwca 2015 w JavaScript przez tirex Gaduła (4,430 p.)
zmienione kategorie 26 czerwca 2015 przez tirex

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

2 odpowiedzi

odpowiedź 26 czerwca 2015 przez Comandeer Guru (607,100 p.)

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

komentarz 26 czerwca 2015 przez tirex Gaduła (4,430 p.)

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?

komentarz 26 czerwca 2015 przez Comandeer Guru (607,100 p.)

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

odpowiedź 26 czerwca 2015 przez Czort Nałogowiec (32,500 p.)

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.