使用jQuery選擇滑塊切換圖像？

我認爲這將是相當微不足道的，但我有問題...使用jQuery選擇滑塊切換圖像？

使用jquery用戶界面滑塊我想有一個滑塊與「階段1」，通過「階段12」。當您更改滑塊時，我希望圖像根據當前選定的舞臺進行更改。我使用下面的代碼：

腳本：

$('select#valueBB') 
      .selectToUISlider({labels: 12}) 
      .change(

       function() 
       { 
        $('#selectionImage').attr('src', 'images/SEM/' + $(this).val() + '.jpg'); 
       } 
       ); 

     //fix color 
     fixToolTipColor();

HTML：

<img id="selectionImage" src="" width="500px" alt=""> 


     <label for="valueBB">Stage:</label> 
     <select class = "Stage" name="valueBB" id="valueBB"> 
      <optgroup label="Stage"> 
       <option value="Stage1">Stage1</option> 
       <option value="Stage2">Stage2</option> 
       <option value="Stage3">Stage3</option> 
       <option value="Stage4">Stage4</option> 
       <option value="Stage5">Stage5</option> 
       <option value="Stage6">Stage6</option> 
       <option value="Stage7">Stage7</option> 
       <option value="Stage8">Stage8</option> 
       <option value="Stage9">Stage9</option> 
       <option value="Stage10">Stage10</option> 
       <option value="Stage11">Stage11</option> 
       <option value="Stage12">Stage12</option> 
      </optgroup> 
     </select>

的12張圖像被命名爲Stage1.jpg Stage2.jpg等，並在圖像/ SEM /夾。 如果我從下拉框中選擇舞臺，這可以正常工作。但是如果我使用滑塊，圖像不會改變。

感謝您的任何幫助！

來源

2010-11-04 mstef

我敢打賭，selectToUISlider有，你必須按順序使用，以獲取其更改事件

來源

2010-11-04 20:07:23 mkoryak

這可能是真實的，感謝您的答覆mkoryak自己的變化的功能...我會考慮這件事情。驚訝我找不到更多的selecttoUISlider更改功能處理。 – mstef 2010-11-05 01:01:05

使用jQuery選擇滑塊切換圖像？

回答

相關問題