summaryrefslogtreecommitdiff
path: root/share/frontend/imgrid/js/sliders.js
blob: ef76b0337631a291753106c01d4bdab328664051 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
  $(function() {
    $( "#line-thickness-slider" ).slider({
      value:1,
      min: 0,
      max: 300,
      step: 1,
      slide: function( event, ui ) {
        $( "#line-thickness" ).val(ui.value);
            }
        });
    $( "#line-thickness" ).val( $( "#line-thickness-slider" ).slider( "value" ) );
    $( "#opacity-slider" ).slider({
      value:1,
      min: 0,
      max: 1,
      step: .1,
      slide: function( event, ui ) {
        $( "#line-opacity" ).val(ui.value);
            }
        });
    $( "#line-opacity" ).val( $( "#opacity-slider" ).slider( "value" ) );
    $( "#spacing-slider" ).slider({
      value:10,
      min: 1,
      max: 400,
      step: 1,
      slide: function( event, ui ) {
        $( "#line-spacing" ).val(ui.value);
      }
        });
    $( "#line-spacing" ).val( $( "#spacing-slider" ).slider( "value" ) );

    $( "#swingslider" ).slider({
      value:0,
      min: -180,
      max: 180,
      step: 1,
      slide: function( event, ui ) {
        $( "#swing" ).val(ui.value);
      }
        });
    $( "#swing" ).val( $( "#swingslider" ).slider( "value" ) );

    $( "#tiltslider" ).slider({
      value:0,
      min: -180,
      max: 180,
      step: 1,
      slide: function( event, ui ) {
        $( "#tilt" ).val(ui.value);
                }
          });
    $( "#tilt" ).val( $( "#tiltslider" ).slider( "value" ) );

    $( "#rollslider" ).slider({
      value:0,
      min: -180,
      max: 180,
      step: 1,
      slide: function( event, ui ) {
        $( "#roll" ).val(ui.value);
          }
        });
    $( "#roll" ).val($( "#rollslider" ).slider( "value" ) );

    $( "#zoomslider" ).slider({
      value: 0,
      min: -50,
      max: 50,
      step: .05,
      slide: function( event, ui ) {
				thevalue = (ui.value/4).toFixed(2);
				if (thevalue <= 1 && thevalue >= -1)
					{
					thevalue = 0;
					}
        $( "#zoom" ).val(thevalue);
        		}
				});
    $( "#zoom" ).val($( "#zoomslider" ).slider( "value" ) );
    });
//end sliders jquery