在Asp.net中解釋滑塊代碼

我在ASP.net中使用c＃我從這裏得到了這段代碼http://www.c-sharpcorner.com/UploadFile/c63ec5/build-image-slider-with-Asp-Net/ 它工作正常，有人可以給出每行的小行描述。在Asp.net中解釋滑塊代碼

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script> 
    <script type="text/javascript"> 
     var NoofImage = ['http://localhost:64916/images/img1.png', 'http://localhost:64916/images/img2.jpg', 'http://localhost:64916/images/img3.jpg', 'http://localhost:64916/images/img4.jpg']; 
     var count = NoofImage.length; 
     $(function() { setInterval(Slider, 2000) }); 
     function Slider() 
     { 
      $('#imageSlide').fadeIn("slow",function(){$(this).attr('src', NoofImage[(NoofImage.length++)%count]).fadeIn("slow"); 
      }); 
     } 
    </script>

來源

2013-11-24 Taimour

我認爲它不會從數據庫中提取，它從採摘文件夾中名爲圖像 – Taimour

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>

這一行簡單地加載從googlecode.com

<script type="text/javascript"> 
    var NoofImage = ['http://localhost:64916/images/img1.png', 'http://localhost:64916/images/img2.jpg', 'http://localhost:64916/images/img3.jpg', 'http://localhost:64916/images/img4.jpg'];

此行實例化一個字符串數組到你的圖像jQuery庫。（文件位置）

var count = NoofImage.length;

計數您的陣列的長度以上

$(function() { setInterval(Slider, 2000) });

這將運行在運行函數「滾動條」每2000毫秒（2秒）

function Slider() 
    { 
     $('#imageSlide').fadeIn("slow",function(){$(this).attr('src', NoofImage[(NoofImage.length++)%count]).fadeIn("slow"); 
     }); 
    } 
</script>

的函數這會逐個爲您的圖像創建淡入淡出效果。它淡入「慢」，並運行一個內聯函數，用於根據當前編號中數組中給定的URL實例化圖像。它使用模數返回到最後一個圖像到達後的第一個圖像。該行依賴於DOM元素「imageSlide」。

我希望這能夠充分回答你的問題。

來源

2013-11-24 16:33:47 Chikilah

圖片我已經明白它的感謝，你能告訴更多關於此行 $（「＃imageSlide」）。淡入（「慢」，函數（）{$（this）.attr（'src'，NoofImage [（NoofImage.length ++）％count]）。fadeIn（「slow」）;} 我已經理解了關於通過下一個圖像模糊，但我還沒有理解這一行中的其餘部分 – Taimour

$（'＃imageSlide'）是jquery找到ID爲「imageSlide」的DOM對象（在你的HTML中）.fadeIn是一個jquery命令它在選定的元素（imageSlide）上執行，然後是函數的某些參數（更多信息：http：//api.jquery.com/fadeIn）。淡入可以採用函數ta內聯函數（函數（）{...}）並使用淡入淡出效果運行。你的內聯函數簡單地將當前選中的元素（imageSlide）與「this」語句結合起來，併爲圖像賦予一個新的源（src），淡入淡出新圖像（換句話說）。 – Chikilah

在Asp.net中解釋滑塊代碼

回答

相關問題