标签: sliders

BxSlider将最后一张幻灯片显示为第一张幻灯片

我创建了4个滑块.最初所有4个都是隐藏的(显示:无),所以我使用此代码在点击其各自的类别时显示相关的滑块.

滑块配置.

    touchEnabled: true,
    hideControlOnEnd: true,
    preloadImages: 'all',
    infiniteLoop: false,
    mode: 'horizontal',
    startSlide: 0,
    slideWidth: 300,
    minSlides: 2,
    maxSlides: 3,
    slideMargin: 10,
    pager: false,
    slideSelector: ".isotope-item",
    nextSelector: "#forefoo2_next",
    prevSelector: "#forefoo2_prev",
    nextText: '',
    prevText: '',
    onSliderLoad: function(){
        jQuery(".sliloading").hide();
    },


jQuery(window).ready(function(){
    var slider4 = jQuery('.cat_fore').bxSlider();
    var slider2 = jQuery('#cat_two').bxSlider();
    var slider3 = jQuery('.cat_three').bxSlider();
    var slider1 = jQuery('.cat_one').bxSlider();

    jQuery("#sel_cat a" ).on("click", function(){
        var current     = jQuery(this).attr("slider");
        jQuery(".sliloading").show();

        jQuery(".slider").hide();
        if( current == "cat_one"){
            slider1.reloadSlider(s1config);
        }else if(current == "cat_two"){
            slider2.reloadSlider(s2config);
        }else if(current == "cat_three"){
            slider3.reloadSlider(s3config); …
Run Code Online (Sandbox Code Playgroud)

javascript jquery jquery-plugins sliders bxslider

13
推荐指数
3
解决办法
3万
查看次数

如何在悬停时停止猫头鹰旋转木马?

目前,当您将鼠标悬停时,旋转木马会停止,我已添加,autoplayHoverPause:false但似乎没有任何改变.是否还有其他选项可以阻止它在徘徊时停止?

$('.owl-carousel').owlCarousel({
    autoplayHoverPause:false,
    loop:true,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:2
        },
        1000:{
            items:4
        }
    }
});
Run Code Online (Sandbox Code Playgroud)

javascript jquery sliders owl-carousel

5
推荐指数
2
解决办法
2万
查看次数

jQuery UI滑块与jQuery Mobile滑块冲突

我正在构建一个jQuery移动网站,但也需要使用jQuery UI小部件 - 特别是滑块.

问题是这些功能发生冲突.我真的希望jQm用他们的'移动'前缀编写他们的ui东西,但我认为现在可能已经太迟了.

这是我遇到的问题.如果我在jquery mobile jquery ui滑块工作之后加载jquery ui,那么我的自定义页面转换不起作用,毫无疑问,jQm中的其他内容被覆盖,我还不知道.

如果我这样做,jQuery移动自定义转换的另一种方式工作,但然后jquery ui滑块,因为他们使用jQm滑块而不是.

我不能使用jQm滑块,因为我需要jQuery UI滑块的垂直选项和其他功能.

我正在寻找的是某种解决方案,不涉及我黑客jQuery UI或jQuery Mobile,因为我不希望必须在每次更新jQm/jUI时进行这些更改,如果可能的话.那么有没有一种方法可以加载jquery ui,以便我调用它的前缀为'ui-'或jQuery mobile的函数,以便它的冲突函数以'mobile'为前缀 - 也许在我的jqm自定义js的移动初始化函数中?

我在这里找到了一些东西https://github.com/aFarkas/jMediaelement/issues/17 并尝试了代码,但无法使其在我的功能中运行.

有任何想法吗?

jquery-ui sliders jquery-mobile

4
推荐指数
1
解决办法
1898
查看次数

添加两个使用两个滑块生成的数字的Java程序

我为我的java类做了这个任务,我必须使用滑块添加两个数字,而且我真的被卡住了.这是我的代码:

import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener; 
import javax.swing.*;

public class slideCalculator {
JButton add,subtract;
JSlider num1st,num2nd;
JLabel answer;
public slideCalculator(){
    JFrame calc = new JFrame("Mediocre Calculator");
    num1st = new JSlider (0, 100, 0);
    num1st.setMajorTickSpacing (10);
    num1st.setMinorTickSpacing (5);
    num2nd = new JSlider (0, 100, 0);
    num2nd.setMajorTickSpacing (10);
    num2nd.setMinorTickSpacing (5);
    add = new JButton("+");
    subtract = new JButton("-");
    answer = new JLabel("");
    calc.setDefaultCloseOperation(calc.EXIT_ON_CLOSE);
    calc.setVisible(true);
    calc.setBounds(500, 200, 290, 210);
    calc.setLayout(new GridLayout(0,2,1,1));
    calc.add(new JLabel("First Number: "));
    calc.add(num1st);
    calc.add(new JLabel("Second Number: "));
    calc.add(num2nd);
    calc.add(new …
Run Code Online (Sandbox Code Playgroud)

java swing sliders

0
推荐指数
1
解决办法
1万
查看次数

使用 CSS 旋转标准 HTML5 滑块

在阅读 CSS 旋转属性参考指南后,我试图将标准滑块旋转 90 度 (pi/2),但到目前为止它仍处于默认位置。文档确实说明了它是一个块元素,所以我将滑块包裹在一个 div 中,但仍然没有成功。

HTML:

<div id="sliders">

<form id="form" name="form1">
<p>
Slider 1
<input id="slider01" autocomplete="off" type="range" name="slider1" min="0" max="10" value="0"><span id="value">0</span>
</p>
<p>
<input type="button" value="Submit" id="submit" />
</p>
</form>

</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

#sliders {
rotation-point: 50% 50%;
rotation: 90deg;    
}
Run Code Online (Sandbox Code Playgroud)

html css sliders

0
推荐指数
1
解决办法
3357
查看次数

如何使用文本作为猫头鹰旋转木马的分页

使用猫头鹰旋转木马我想使用图像alt="Image Alt Text"title="Image Title Text"图像中的文本作为分页而不是子弹/圆圈.在写这个问题和小提琴的过程中,我怀疑它.见下文.希望这对其他人有用.

DEMO FIDDLE

jquery sliders carousel owl-carousel

0
推荐指数
1
解决办法
1万
查看次数

swiper api - 如何阻止幻灯片过度滚动

我正在使用 iDangerous Swiper。默认情况下,如果您触摸并向右拖动第一张幻灯片,它允许您强制将其向右移动,类似于 iphone 浏览器的工作方式,它具有弹性,并且只允许您稍微拖动。有没有参数可以防止这种情况?我还希望最后一张幻灯片不能向左滑动更多,因为它会显示下面的内容。

javascript sliders swiper

0
推荐指数
1
解决办法
2785
查看次数