jCarousel,PageMethod和ASP.Net

时间:2011-08-05 09:37:23

标签: c# jquery asp.net jcarousel

我试图通过JQuery调用服务器端函数从服务器获取图像。 我的代码工作正常。没有错误,但问题是图像没有显示。

这里我给出了我的aspx和cs完整代码。所以请有人告诉我代码中有什么错误因为图像没有显示图像路径正常的位置。

ASPX

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JCarousel.aspx.cs" Inherits="Carousel.JCarousel.JCarousel" %>

    

mycarousel .jcarousel-item-placeholder {

background: transparent url(../images/JQNavBtn/loading-small.gif) 50% 50% no-repeat;

}

    jQuery(document).ready(function(){         jQuery的( '#mycarousel')。的jCarousel({             itemLoadCallback:mycarousel_itemLoadCallback         });     });     function mycarousel_itemLoadCallback(carousel,state){         if(carousel.prevFirst!= null){             //删除最后一个可见项目以使列表保持较小             for(var i = carousel.prevFirst; i carousel.last?carousel.last:l;                 if(carousel.has(f,l)){                     继续;                 }                 mycarousel_makeRequest(carousel,f,l,per_page,page);             }         }     };     function mycarousel_makeRequest(carousel,first,last,per_page,page){        //锁定轮播直到请求完成         carousel.lock();        //使用pageIndex和pageSize参数调用服务器端方法         $就({             类型:“POST”,             url:“JCarousel.aspx / GetItems”,             数据:“{'pageIndex':'”+ page +“','pageSize':'”+ per_page +“'}”,             contentType:“application / json; charset = utf-8”,             dataType:“json”,             成功:函数(数据){                 mycarousel_itemAddCallback(carousel,first,last,data.d,page);             }         });     }     function mycarousel_itemAddCallback(carousel,first,last,data,page){         // 开锁         carousel.unlock();         //设置大小         carousel.size(12);         var per_page = carousel.last - carousel.first + 1;         for(var i = first; i“;         item + =“”;         item + =“”;         警报(项目);         归还物品;     };

    

       
               
  
</form>

CS代码

using System;

使用System.Collections.Generic; 使用System.Linq; 使用System.Web; 使用System.Web.UI; 使用System.Web.UI.WebControls; 使用System.Web.Services; 使用System.Web.Script.Services;

名称空间Carousel.JCarousel {     public partial class JCarousel:System.Web.UI.Page     {         protected void Page_Load(object sender,EventArgs e)         {

    }

    [WebMethod]
    [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
    public static List<Product> GetItems(int pageIndex, int pageSize)
    {

        List<Product> oProduct = new List<Product> {
       new Product("~/images/1.jpg"),
       new Product("~/images/2.jpg"),
       new Product("~/images/3.jpg"),
       new Product("~/images/4.jpg"),
       new Product("~/images/5.jpg"),
       new Product("~/images/6.jpg"),
       new Product("~/images/7.jpg"),
       new Product("~/images/8.jpg"),
       new Product("~/images/9.jpg"),
       new Product("~/images/10.jpg"),
       new Product("~/images/11.jpg"),
       new Product("~/images/12.jpg"),
       new Product("~/images/13.jpg"),
       new Product("~/images/14.jpg"),
       new Product("~/images/15.jpg")

       //new Product("~/images/1.jpg", "Sample Data~.1"),
       //new Product("~/images/2.jpg", "Sample Data~.2"),
       //new Product("~/images/3.jpg", "Sample Data~.3"),
       //new Product("~/images/4.jpg", "Sample Data~.4"),
       //new Product("~/images/5.jpg", "Sample Data~.5"),
       //new Product("~/images/6.jpg", "Sample Data~.6"),
       //new Product("~/images/7.jpg", "Sample Data~.7"),
       //new Product("~/images/8.jpg", "Sample Data~.8"),
       //new Product("~/images/9.jpg", "Sample Data~.9"),
       //new Product("~/images/10.jpg", "Sample Data~.10"),
       //new Product("~/images/11.jpg", "Sample Data~.11"),
       //new Product("~/images/12.jpg", "Sample Data~.12"),
       //new Product("~/images/13.jpg", "Sample Data~.13"),
       //new Product("~/images/14.jpg", "Sample Data~.14"),
       //new Product("~/images/15.jpg", "Sample Data~.15")

        };
        return oProduct.GetRange((pageIndex - 1) * pageSize, pageSize);

    }
}

public class Product
{
    //file:///D:/JQuery/jquery-carousel-sample%20pagemethod%20good.html
    //http://sorgalla.com/jcarousel/


    public Product(){}
    public Product(string Image)
    {
        this.Image = Image;
    }

    public Product(string Image, string Title)
    {
        this.Image = Image;
        this.Title = Title;
    }

    string _Image = "";
    public string Image
    {
        get { return _Image; }
        set { _Image = value; }
    }

    string _Title = "";
    public string Title
    {
        get { return _Title; }
        set { _Title = value; }
    }

}

}

非常抱歉长代码。请帮我解决问题...为什么图像没有显示.......谢谢

1 个答案:

答案 0 :(得分:1)

可能是因为图片网址是以

的形式发送的

〜/图片/ 1.JPG

尝试Page.ResolveUrl("~/images/1.jpg")作为imageurl