Want more features on Pastebin? Sign Up, it's FREE!
Guest

custom slider

By: a guest on Aug 30th, 2013  |  syntax: JavaScript  |  size: 0.70 KB  |  views: 109  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. var $j = jQuery.noConflict();
  2.  
  3. $j(function(){
  4.  
  5.         //** MAIN LAYOUT **//
  6.         var main_page_width = $j('input[name="theme_options[main_page_width]"]').val();
  7.  
  8.         // wait till iframe has been loaded
  9.         setTimeout(function() {
  10.                                  
  11.                 // Main Page Width
  12.                 $j('input[name="theme_options[main_page_width]"]').next('div.slider').slider({
  13.                         value: main_page_width,
  14.                         min: 800,
  15.                         max: 1200,
  16.                         slide: function( event, ui ) {
  17.                                                
  18.                                 // Change input value and slider position
  19.                                 $j('input[name="theme_options[main_page_width]"]').val( ui.value ).change();
  20.                                                
  21.                                 // Change CSS in LivePreview                   
  22.                                 $j("iframe").contents().find('div.container').css('width', ui.value+'px');
  23.                                        
  24.                         }
  25.                 });
  26.  
  27.         });
  28.  
  29. });
clone this paste RAW Paste Data