jQuery Plugins » Slider https://jqueryplugins.info jQuery plugins, tutorials and resources Wed, 19 Oct 2011 12:14:58 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Issue with jQuery slider – using multiples sliders, cannot get correct value for second https://jqueryplugins.info/2011/10/issue-with-jquery-slider-using-multiples-sliders-cannot-get-correct-value-for-second/ https://jqueryplugins.info/2011/10/issue-with-jquery-slider-using-multiples-sliders-cannot-get-correct-value-for-second/#comments Mon, 17 Oct 2011 11:13:55 +0000 Admin https://jqueryplugins.info/2011/10/issue-with-jquery-slider-using-multiples-sliders-cannot-get-correct-value-for-second/ Post link: Issue with jQuery slider – using multiples sliders, cannot get correct value for second

Im struggling with an issue on jQuery UI Sliders. I’ve initialised 2 sliders on a page as such $ ("#slider1").slider({ range: true, values: [0,150], step: 6, slide: function(event, ui) {...

]]> Post link: Issue with jQuery slider – using multiples sliders, cannot get correct value for second

Im struggling with an issue on jQuery UI Sliders. I’ve initialised 2 sliders on a page as such 

    $  ("#slider1").slider({
    range: true,
    values: [0,150],
    step: 6,
    slide: function(event, ui) {
        update_indicator(ui);
    }
    });
    $  ("#slider2").slider({
    range: true,
    values: [0,150],
    step: 6,
    slide: function(event, ui) {
        update_indicator(ui);
    }
    });

I want to bind a stop event to both, and I need to extract the current values for each. For example

    $  ("#slider1").live( "slidestop", function(event, ui) {
    do_something_with($  ('#slider1').slider("option", "values"), $  ('#slider2').slider("option", "values"));
});

The same event is bound to #slider2, but I when I view the values in the console, they never correspond to what is actually on the slider itself. Sometimes it updates, sometimes it doesnt.

Anyone come across similar issues ?

newest questions tagged jquery – Stack Overflow

]]> https://jqueryplugins.info/2011/10/issue-with-jquery-slider-using-multiples-sliders-cannot-get-correct-value-for-second/feed/ 0 jQuery Custom Content Slider that goes with the design https://jqueryplugins.info/2011/10/jquery-custom-content-slider-that-goes-with-the-design/ https://jqueryplugins.info/2011/10/jquery-custom-content-slider-that-goes-with-the-design/#comments Sun, 09 Oct 2011 10:14:46 +0000 Admin https://jqueryplugins.info/2011/10/jquery-custom-content-slider-that-goes-with-the-design/ Post link: jQuery Custom Content Slider that goes with the design

My webpage is at http://www.sarahjanetrading.com/js/j/index.html . In the main body there are tabs which is supposed to be a content slider. I have been googling for a while for a...

]]> Post link: jQuery Custom Content Slider that goes with the design

My webpage is at http://www.sarahjanetrading.com/js/j/index.html . In the main body there are tabs which is supposed to be a content slider. I have been googling for a while for a content slider that should match what mine looks like(both the arrows and the tabs) but couldnt find one.

Now I think I might need to create a custom slider for my design, but I’m not sure where to start, and where to take it. Any help is highly appreciated.

Thanks

newest questions tagged jquery – Stack Overflow

]]> https://jqueryplugins.info/2011/10/jquery-custom-content-slider-that-goes-with-the-design/feed/ 0 javascript or jquery n number of contnet slider in asp.net mvc3 https://jqueryplugins.info/2011/10/javascript-or-jquery-n-number-of-contnet-slider-in-asp-net-mvc3/ https://jqueryplugins.info/2011/10/javascript-or-jquery-n-number-of-contnet-slider-in-asp-net-mvc3/#comments Fri, 07 Oct 2011 07:13:20 +0000 Admin https://jqueryplugins.info/2011/10/javascript-or-jquery-n-number-of-contnet-slider-in-asp-net-mvc3/ Post link: javascript or jquery n number of contnet slider in asp.net mvc3

I have asp.net mvc3 application. wherein index page i am having say 100 of dynamic users comes from the database. I am trying to manage the view of first 12...

]]> Post link: javascript or jquery n number of contnet slider in asp.net mvc3

I have asp.net mvc3 application. wherein index page i am having say 100 of dynamic users comes from the database. I am trying to manage the view of first 12 users [1-12] in tiles on index page. but i need Next-Previous buttons aroud to main div control. if i clicks next , next 12 records [13-24] should be in view..so on. same in reverse for previous.

Can i perform with default jquery files given by template in VS2010 mvc 3 ? what code i need to do ? which functions i need to use. or pease suggest any open source plugin…

newest questions tagged jquery – Stack Overflow

]]> https://jqueryplugins.info/2011/10/javascript-or-jquery-n-number-of-contnet-slider-in-asp-net-mvc3/feed/ 0 jQueryUI range slider showing progress https://jqueryplugins.info/2011/10/jqueryui-range-slider-showing-progress/ https://jqueryplugins.info/2011/10/jqueryui-range-slider-showing-progress/#comments Sat, 01 Oct 2011 05:20:26 +0000 Admin https://jqueryplugins.info/2011/10/jqueryui-range-slider-showing-progress/ Post link: jQueryUI range slider showing progress

I have a range: true slider and want to show progress like the progress bar between the two handles of the slider. Kind of like this, http://jsfiddle.net/cG8qB/, except this will...

]]> Post link: jQueryUI range slider showing progress

I have a range: true slider and want to show progress like the progress bar between the two handles of the slider. Kind of like this, http://jsfiddle.net/cG8qB/, except this will be happening in between the two handles of my slider instead of the whole slider like in that example and I only need the color updating instead of a slider handle.

So basically, I want to change the color of the part in between the two slider handles to something like the behavior of a range: min slider where the “min” is the left handle of my slider and the handle of this range: min slider is hidden.

newest questions tagged jquery – Stack Overflow

]]> https://jqueryplugins.info/2011/10/jqueryui-range-slider-showing-progress/feed/ 0 easy slider jquery for background image https://jqueryplugins.info/2011/09/easy-slider-jquery-for-background-image/ https://jqueryplugins.info/2011/09/easy-slider-jquery-for-background-image/#comments Wed, 28 Sep 2011 04:13:19 +0000 Admin https://jqueryplugins.info/2011/09/easy-slider-jquery-for-background-image/ Post link: easy slider jquery for background image

i am trying to slide background image with animate. as i want if my first background image. second will continues start here is my code $ ('.next').live('click',function() { $ ('.ac_bgimage').animate({...

]]> Post link: easy slider jquery for background image

i am trying to slide background image with animate. as i want if my first background image. second will continues start

here is my code 

$  ('.next').live('click',function() {
            $  ('.ac_bgimage').animate({
                left:"-80em"
            },1500, function(){
                test();
        });  

        });
        function test() {
        $  ('.ac_bgimage').attr('src','images/2.jpg');
        $  ('.ac_bgimage').css('left','0em');
    }

as first image is working fine but it display blank screen . in this blank screen i want second upcoming screen

Thanks in advance

newest questions tagged jquery – Stack Overflow

]]> https://jqueryplugins.info/2011/09/easy-slider-jquery-for-background-image/feed/ 0 Jquery UI slider not working https://jqueryplugins.info/2011/09/jquery-ui-slider-not-working/ https://jqueryplugins.info/2011/09/jquery-ui-slider-not-working/#comments Sun, 25 Sep 2011 18:19:18 +0000 Admin https://jqueryplugins.info/2011/09/jquery-ui-slider-not-working/ Post link: Jquery UI slider not working

My Jquery slider is not working. Here is my header code: <head> <link href="/stylesheets/public.css?1316972296" media="screen" rel="stylesheet" type="text/css" /> <link href="/stylesheets/tipTip.css?1263394346" media="screen" rel="stylesheet" type="text/css" /> <script src="/javascripts/jquery.js?1316972671" type="text/javascript"></script> <script src="/javascripts/jquery-ui.js?1316972675" type="text/javascript"></script>...

]]> Post link: Jquery UI slider not working

My Jquery slider is not working.

Here is my header code:

<head>
  <link href="/stylesheets/public.css?1316972296" media="screen" rel="stylesheet" type="text/css" />
<link href="/stylesheets/tipTip.css?1263394346" media="screen" rel="stylesheet" type="text/css" />
      <script src="/javascripts/jquery.js?1316972671" type="text/javascript"></script>
<script src="/javascripts/jquery-ui.js?1316972675" type="text/javascript"></script>
<script src="/javascripts/jquery_ujs.js?1312204886" type="text/javascript"></script>
<script src="/javascripts/application.js?1316972551" type="text/javascript"></script>

              <script src="/javascripts/jquery.tablesorter.min.js?1314102048" type="text/javascript"></script>
<script src="/javascripts/jquery.tipTip.minified.js?1269274200" type="text/javascript"></script>
  <meta name="csrf-param" content="authenticity_token"/>
<meta name="csrf-token" content="OALn13CELwr3umFrj2BVDeLzw8VhZ2Hmjm/+g2SrGRs="/>
    <script type="text/javascript">

                $  (document).ready(function() {

                       $  ("#slider").slider({
    value: 100,
    min: 0,
    max: 1000,
    step: 100,
    slide: function(event, ui) {
        if (ui.value == $  (this).slider('option', 'max')) {
            $  (ui.handle).html('Ubegrænset');
            $  ('#sliderValue').val('99999');
        } else {
            $  (ui.handle).html(ui.value);
            $  ('#sliderValue').val(ui.value);
        }
    }
}).find('a').html($  ('#slider').slider('value'));

$  ('#sliderValue').val($  ('#slider').slider('value'));

                                $  ('.tip').tipTip(defaultPosition: "top");

                });

  </script>
</head>

And in my page I have:

<div id="slider"></div>
<input id="sliderValue" />

newest questions tagged jquery – Stack Overflow

]]> https://jqueryplugins.info/2011/09/jquery-ui-slider-not-working/feed/ 0 Trying to get FlexSlider jQuery Slider to work with Drupal https://jqueryplugins.info/2011/09/trying-to-get-flexslider-jquery-slider-to-work-with-drupal/ https://jqueryplugins.info/2011/09/trying-to-get-flexslider-jquery-slider-to-work-with-drupal/#comments Sat, 24 Sep 2011 14:14:07 +0000 Admin https://jqueryplugins.info/2011/09/trying-to-get-flexslider-jquery-slider-to-work-with-drupal/ Post link: Trying to get FlexSlider jQuery Slider to work with Drupal

I’ve been wrestling with trying to get FlexSlider http://flex.madebymufffin.com/ to work with Drupal 7 all today as it suits my needs perfectly and the logic of how to get it...

]]> Post link: Trying to get FlexSlider jQuery Slider to work with Drupal

I’ve been wrestling with trying to get FlexSlider http://flex.madebymufffin.com/ to work with Drupal 7 all today as it suits my needs perfectly and the logic of how to get it work made sense but hasn’t actually worked.

My setup:
Using a subtheme of AdaptiveTheme
Created a custom view block that outputs an unordered list of images that link to a node. I have applied the appropriate FlexSlider classes to the wrapper and list.
Declared the two js scripts in the template.php
Declared the flexslider.css in my theme.info file

I’m newish to drupal and am more a CSS kind of guy – but I think it’s a jQuery conflict/version problem…

Any ideas?

newest questions tagged jquery – Stack Overflow

]]> https://jqueryplugins.info/2011/09/trying-to-get-flexslider-jquery-slider-to-work-with-drupal/feed/ 0 Nivo slider javascript problem in IE8- object doesn’t support this property or method https://jqueryplugins.info/2011/09/nivo-slider-javascript-problem-in-ie8-object-doesnt-support-this-property-or-method/ https://jqueryplugins.info/2011/09/nivo-slider-javascript-problem-in-ie8-object-doesnt-support-this-property-or-method/#comments Thu, 15 Sep 2011 15:26:10 +0000 Admin https://jqueryplugins.info/2011/09/nivo-slider-javascript-problem-in-ie8-object-doesnt-support-this-property-or-method/ Post link: Nivo slider javascript problem in IE8- object doesn’t support this property or method

My Nivoslider works well in firefox, opera, safari, chrome, but not in IE8. Somehow it shows an error: object doesn’t support this property or method Apparently the error comes from...

]]> Post link: Nivo slider javascript problem in IE8- object doesn’t support this property or method

My Nivoslider works well in firefox, opera, safari, chrome, but not in IE8.
Somehow it shows an error: object doesn’t support this property or method

Apparently the error comes from this part of code:

if($  (kids[vars.currentSlide]).is('img')){vars.currentImage=$  (kids[vars.currentSlide]);}
else{vars.currentImage=$  (kids[vars.currentSlide]).find('img:first');}

the error is on the second line code, which is:

else{vars.currentImage=$  (kids[vars.currentSlide]).find('img:first');}

What’s wrong with that code the causes an error in IE8?

Thanks before!

newest questions tagged jquery – Stack Overflow

]]> https://jqueryplugins.info/2011/09/nivo-slider-javascript-problem-in-ie8-object-doesnt-support-this-property-or-method/feed/ 0 Turn Two Input Text Fields into One Jquery Range Slider https://jqueryplugins.info/2011/09/turn-two-input-text-fields-into-one-jquery-range-slider/ https://jqueryplugins.info/2011/09/turn-two-input-text-fields-into-one-jquery-range-slider/#comments Sat, 10 Sep 2011 23:35:37 +0000 Admin https://jqueryplugins.info/2011/09/turn-two-input-text-fields-into-one-jquery-range-slider/ Post link: Turn Two Input Text Fields into One Jquery Range Slider

I would like to take <form name='bid_range' action='".$ action."' method='post'> <ul> <p><input type=text name=bid_from size=6 value='' /></p> <li><input type=text name=bid_to size='6' value='' /></li> <input type='hidden' name='bid_next' value='".$ TPL_next_bid_value."'> <input type='hidden'...

]]> Post link: Turn Two Input Text Fields into One Jquery Range Slider

I would like to take

     <form name='bid_range' action='".$  action."' method='post'>
     <ul>

     <p><input type=text name=bid_from size=6 value='' /></p>
     <li><input type=text name=bid_to size='6' value='' /></li>
     <input type='hidden' name='bid_next' value='".$  TPL_next_bid_value."'>
     <input type='hidden' name='seller_id' value='0'>
     <input type='hidden' name='bid_type' value='range'>
     <input type='hidden' name='title' value='".$  TPL_title_value."' >
     <input type='hidden' name='category' value='".$  TPL_category_value."' >
     <input type='hidden' name='id' value='".$  TPL_id_value."'>
     <input type='hidden' name='t_remained_bids' value='".$  remained_bids."'>
     <input type='hidden' name='auction_type' value='".$  auction_type."'>
     <input type='hidden' name='form_type' value='".$  type."'>
     <input type='hidden' name='f5_num' value='".$  f5_num."'>
     <input type=submit id='subbutton'  name='subbutton' value='BID' class='button' style='width:70px;'>
     </ul>
     </form>

… And turn that code into 

<p>
<label for="amount">Price range:</label>
<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
</p>

For the purpose of a jquery range slider instead of two text fields. Can someone help in how to go around doing this? O, and I also have the usual jquery javascript, but I’m not sure if that is needed to configure.

newest questions tagged jquery – Stack Overflow

]]> https://jqueryplugins.info/2011/09/turn-two-input-text-fields-into-one-jquery-range-slider/feed/ 0 jQUERY slider triggering problem https://jqueryplugins.info/2011/09/jquery-slider-triggering-problem/ https://jqueryplugins.info/2011/09/jquery-slider-triggering-problem/#comments Sat, 10 Sep 2011 17:13:52 +0000 Admin https://jqueryplugins.info/2011/09/jquery-slider-triggering-problem/ Post link: jQUERY slider triggering problem

I got a problem with my slider. I got the function animate_slider(open_item), which opens the slider_item and closes the active one. Im using both, interval and hover to animate the...

]]> Post link: jQUERY slider triggering problem

I got a problem with my slider. I got the function animate_slider(open_item), which opens the slider_item and closes the active one. Im using both, interval and hover to animate the slider. But i still got a problem with the menu, which wont display when triggered through the interval.

I dont see the mistake, maybe someone else could help me to find the error.

Demo: http://2k-rage.com/geared/

JS: http://2k-rage.com/geared/jquery_design.js

Thank you very much.

newest questions tagged jquery – Stack Overflow

]]> https://jqueryplugins.info/2011/09/jquery-slider-triggering-problem/feed/ 0