diff --git a/css/main.css b/css/main.css index 054713c19e344b3e98a3301d096982ca31ccb553..1dd11bbaeab93fc55d21d7dbe7923e97b4a30b70 100755 --- a/css/main.css +++ b/css/main.css @@ -76,6 +76,7 @@ p{ top: 0; left: -110px; line-height: 10px; + color: #34495e; } #flatIndicator>img{ width:100%; @@ -87,6 +88,7 @@ p{ top: 0; right: -110px; line-height: 10px; + color: #34495e; } #foldedIndicator>img{ width:100%; diff --git a/index.html b/index.html index cb590bdc7e756222210535347f585cb7e534792e..b0fedbccfaf14829a234a605c8eb3badaab1f5d8 100755 --- a/index.html +++ b/index.html @@ -1172,14 +1172,14 @@ <div class="sliderInput floatRight" id="creasePercentBottom"> <div class="flat-slider ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content"></div> </div> - <div id="flatIndicator" class="smallTxt"> + <a href="#" id="flatIndicator" class="smallTxt"> <img src="assets/flatcraneSmall.png"/> Flat - </div> - <div id="foldedIndicator" class="smallTxt"> + </a> + <a href="#" id="foldedIndicator" class="smallTxt"> <img src="assets/foldedCraneSmall.png"/> Folded - </div> + </a> </div> <div id="controlsLeft" class="flipped"> <div> diff --git a/js/controls.js b/js/controls.js index 6e5d7533e892a7241cbd86cea706c97607b3a1db..10ed4b23d83e5c6f34828c76a50313a32f9a6b05 100755 --- a/js/controls.js +++ b/js/controls.js @@ -469,6 +469,17 @@ function initControls(globals){ updateCreasePercent(); }, -100, 100); + setLink("#flatIndicator", function(){ + globals.creasePercent = 0; + globals.shouldChangeCreasePercent = true; + updateCreasePercent(); + }); + setLink("#foldedIndicator", function(){ + globals.creasePercent = 1; + globals.shouldChangeCreasePercent = true; + updateCreasePercent(); + }); + function updateCreasePercent(){ var val = (globals.creasePercent*100); creasePercentSlider.slider('value', val); @@ -685,6 +696,7 @@ function initControls(globals){ $("#helper").hide(); }); + function setButtonGroup(id, callback){ $(id+" a").click(function(e){ e.preventDefault();