什麼是在用戶交互後旋轉圖像的最佳方式

Question

我想知道在用戶操作後，如何在網頁上更改圖像的最平滑方式。例如，說一個列表框包含一個書名的列表。每次用戶點擊標題時，我都希望與該標題相關聯的書籍封面顯示在面板中。 列表框中的數據來自數據集，該數據集也包含每行的圖像。

這樣做，我必須回發每次listview中的selectindex改變或有更好的方法使用ajax或甚至jquery。 進出口使用Visual Studio 2005和C＃

任何代碼示例非常讚賞

非常感謝

託尼

Answer 1

，你可以創建一個返回封面影像的路徑的Web服務，您可以只需通過調用該Web服務的頁面方法或jQuery來將圖像加載到HTML圖像控件。

那麼你可能不得不加載你的圖書清單與該網絡服務。

這裏有幾個環節，ü可以看看

http://www.codeguru.com/vb/vb_internet/webservices/article.php/c7781/ http://www.codeproject.com/KB/webservices/CallWebServiceFromHtml.aspx http://geekswithblogs.net/thanigai/archive/2009/10/30/calling-asp.net-webservice-from-jquery.aspx

http://www.asp.net/AJAX/Documentation/Live/Tutorials/ConsumingWebServicesWithAJAXTutorial.aspx

旋轉，你可以使用jQuery ...我有一個樣本家，我可以發送它，如果你想...我現在在工作:)

我希望它可以幫助...

Answer 2

一個選項是基於URL動態地流式傳輸圖像，這意味着您沒有太多使用Ajax，只需JavaScript即可基於選擇項目的書籍ID更改元素的URL，例如（使用jQuery）

<select id="books"> 
<option value="1">Book 1</option> 
<option value="2">Book 2</option> 
</select> 
<img id="bookCover" /> 

<script type="text/javascript"> 
$("books").change(function(){ 
    var bookId = $(this).val(); 
    $("bookCover").attr("src", "/getbookcoverimage.ashx?bookId="+bookId); 
}); 
</script> 

我很明顯忽略瞭如何從服務器流回圖像，但這很簡單。