我想知道在用户操作后,改变网页上的图像最流畅的方法是什么。例如,假设列表框包含一个书名列表。每次用户单击一个标题时,我希望与该标题关联的书籍封面显示在面板中。列表框中的数据来自一个数据集,该数据集也包含每行的图像。做,我必须回发每次在列表视图中的selectindex的变化,或者有一个很好的更快的方法使用 AJAX 或甚至jquery。任何代码示例都非常感谢多谢东尼
2q5ifsrm1#
一个选项是基于URL动态地流式传输图像,这意味着您不需要使用太多 AJAX ,只需使用JavaScript根据所选项目的book 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>
我显然忽略了如何从服务器流回图像的部分,但这是非常直接的。
a14dhokn2#
您可以创建返回书籍封面图像路径的Web服务,并且您可以简单地通过调用该Web服务的Page方法或JQuery将图像加载到HTML图像控件。那么您可能还必须使用该Web服务加载您的图书列表。这里有一对夫妇的链接,你可以看看http://www.codeguru.com/vb/vb_internet/webservices/article.php/c7781/http://www.codeproject.com/KB/webservices/CallWebServiceFromHtml.aspxLinkhttp://www.asp.net/AJAX/Documentation/Live/Tutorials/ConsumingWebServicesWithAJAXTutorial.aspx对于旋转,你可以使用jquery ...我家里有一个样品,如果你想的话我可以寄来...我现在在工作:)希望能有所帮助...
2条答案
按热度按时间2q5ifsrm1#
一个选项是基于URL动态地流式传输图像,这意味着您不需要使用太多 AJAX ,只需使用JavaScript根据所选项目的book ID更改元素的URL,例如(使用jQuery)
我显然忽略了如何从服务器流回图像的部分,但这是非常直接的。
a14dhokn2#
您可以创建返回书籍封面图像路径的Web服务,并且您可以简单地通过调用该Web服务的Page方法或JQuery将图像加载到HTML图像控件。
那么您可能还必须使用该Web服务加载您的图书列表。
这里有一对夫妇的链接,你可以看看
http://www.codeguru.com/vb/vb_internet/webservices/article.php/c7781/http://www.codeproject.com/KB/webservices/CallWebServiceFromHtml.aspxLink
http://www.asp.net/AJAX/Documentation/Live/Tutorials/ConsumingWebServicesWithAJAXTutorial.aspx
对于旋转,你可以使用jquery ...我家里有一个样品,如果你想的话我可以寄来...我现在在工作:)
希望能有所帮助...