简体   繁体   English

使用控制器创建jQuery全角滑块

[英]Creating a jQuery full-width slider with controllers

I'm searching a way to create full-width slider like here: www.browar-olbracht.pl - slider in the header. 我正在搜索一种创建全角滑块的方法,如下所示:www.browar-olbracht.pl-标题中的滑块。 This one is from free joomla template. 这是来自免费的joomla模板。 (mod_slider). (mod_slider)。 I'm interested in creating sth like this but in personal project without joomla/wordpress etc. Without cms. 我对创建这样的东西很感兴趣,但是在没有joomla / wordpress等的个人项目中。没有cms。 I have found a lot of sliders but any full-width and with controllers like in the page above. 我发现了很多滑块,但是所有全角滑块和上面的页面中的控制器一样。 I'm rather a beginner in jQuery so my question is - is there an already prepared script or maybe someone of the experienced users can tell me how to create sth similar or just to convert existing one ? 我是jQuery的初学者,所以我的问题是-是否已经准备好脚本,或者有经验的用户中的某人可以告诉我如何创建相似的脚本或仅转换现有的脚本?

P. P.

That slider is not responsive to browser screen sizes. 该滑块不响应浏览器屏幕尺寸。 If you were to mimic that, some of your important slider controls will get chopped off the page and not appear again until the screen is wide enough to show them. 如果要模仿这一点,则一些重要的滑块控件将被切掉页面,并且直到屏幕足够宽以显示它们时才再次出现。

Here are 3 sliders that will allow you to do a full width slide with some slight adjustments to their CSS files. 这里有3个滑条,可以通过对其CSS文件进行一些细微调整来进行全宽滑动。

The Easy Slider http://cssglobe.com/easy-slider-17-numeric-navigation-jquery-slider/ 简易滑块http://cssglobe.com/easy-slider-17-numeric-navigation-jquery-slider/

The PlusSlider http://css-plus.com/examples/plugins/PlusSlider/ PlusSlider http://css-plus.com/examples/plugins/PlusSlider/

ResponsiveSlides.js http://responsive-slides.viljamis.com/ ResponsiveSlides.js http: //响应-slides.viljamis.com/

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM