Infinite Scroll images Like Bing and Google

One of the must annoying thing when working with large data is how to loading this data to your page?The common solution is paging but paging itself will not help too much you can end with hundred or thousands of page numbers.So new solution now is on the surface and it's called

 
 
 
 
 
4.3 Star
(19)
49,575 times
Add to favorites
3/16/2012
E-mail Twitter del.icio.us Digg Facebook
Sign in to ask a question


  • 代開吉林住宿發 
    2 Posts | Last post June 23, 2016
    • █【联系电话136922889-43徐经理QQ1946431119】██████鄂州代开发票█优势代开█、█点数优惠█,█验证后付款█。广告费、住宿、会议、咨询、销售不动产、会务、劳务、培训等 票这 在一定程度上,也加剧了房企资金链的紧张程度。在多个因素的合力下,不难预料,房企“以价换量”的力度将进一步加深。
    • {
          public class Reciepient
          {
              public string fname;
              public string lname;
              public int acode;
              public int wcode;
              public int loccode;
              public double tax;
              public double scost;
              public double totalcost;
              public double loccost;
              public double wcost;
              public double itemcost;
              public double loctax;
      
              public Reciepient(string fname, string lname, int loccode, int wcode, double itemcost, 
                  int acode)
              {
                  this.fname = fname;
                  this.lname = lname;
                  this.loccode = loccode;
                  this.wcode = wcode;
                  this.itemcost = itemcost;
      
                  //defining the loccost from the loccode and acode for Area 1 
                  if (loccode == 1 && acode == 1)
                      this.loccost = 1.00;
      
                  if (loccode == 2 && acode == 1)
                      this.loccost = 2.00;
      
                  if (loccode == 3 && acode == 1)
                      this.loccost = 3.00;
      
                  //defining the loccost from the loccode and acode for Area 2 
                  if (loccode == 1 && acode == 2)
                      this.loccost = 2.00;
      
                  if (loccode == 2 && acode == 2)
                      this.loccost = 4.00;
      
                  if (loccode == 3 && acode == 2)
                      this.loccost = 6.00;
      
                  //defining the loccost from the loccode and acode for Area 3 
                  if (loccode == 1 && acode == 3)
                      this.loccost = 3.00;
      
                  if (loccode == 2 && acode == 3)
                      this.loccost = 6.00;
      
                  if (wcode == 3 && acode == 3)
                      this.loccost = 9.00;
      
                  //defining the wcost from the wcode and acode for Area 1 
                  if (wcode == 1 && acode == 1)
                      this.wcost = 1.00;
      
                  if (wcode == 2 && acode == 1)
                      this.wcost = 2.00;
      
                  if (wcode == 3 && acode == 1)
                      this.wcos
  • Why it doesn't work with VS 2013?
    3 Posts | Last post June 23, 2016
    • I tried almost everything that I could think of but it doesn't work with ASP.Net 4.5, any suggestions?
    • function start() {
      	document.getElementById("textBox1").scrollTop +=5;
          scrolldelay = setTimeout(function() {start();}, 40);
      }
      
      function stop(){
      	clearTimeout(scrolldelay);
      }
      
      function reset(){
      	var loc = document.getElementById("textBox1").scrollTop;
      	document.getElementById("textBox1").scrollTop -= loc;
      	clearTimeout(scrolldelay);
      }
      //adjust height of paragraph in css
      //element textbox in div
      //adjust speed at scrolltop and start 
    •  public class Reciepient
          {
              public string fname;
              public string lname;
      public Reciepient(string fname, string lname)
              {
                  this.fname = fname;
                  this.lname = lname;
      if (loccode == 2 && acode == 1)
                      this.loccost = 2.00;//more needed
      this.scost = loccost + wcost;//end with equations
  • How about a horizontal scroll?
    2 Posts | Last post February 09, 2014
    • Is it possible to use a similar technique to get horizontal scroll instead of verticle?  For a given browser page height or screen size, fill out only 1 page high, and then shift images left as mouse wheel is scrolled.  It would also have to scroll right when direction of wheel is changed.  
    • Good question but actually i have not tried but i guess it should work fine.
      Regards.
  • How do I get this to fire?
    3 Posts | Last post December 14, 2013
    • I believe I have this in appropriately but when I view in the browser, I get all of the records instead of some so I can show some at a time.  This is messaging not images but it should work... See code below which uses ajax, asp.net and sql server with stored procedure I will send in a couple of pieces due to # of characters:
      
      
              <asp:ListView ID="DataList2" runat="server" DataSourceID="sdsrcMessages" DataKeyNames="MessageId"
                  EnableViewState="False">
                  <ItemTemplate>
                      <div id="Div2" runat="server" style="clear: both; float: right">
                          <asp:Image ID="imgMsgPhoto" runat="server" Height="55px" Width="55px" GenerateEmptyAlternateText="true"
                              ImageAlign="Middle" ImageUrl='<%# Eval("MsgPicture") %>' />
                      </div>
                      <img src="Images/<%# Eval("Picture") %>" alt="Picture" height="45" width="45" />
                      <asp:Label ID="lblUserName" runat="server" Text='<%# Eval("UserFullName") %>' Font-Bold="True" />
                      <asp:Label ID="lblMsgType" runat="server" Text='<%# Eval("MsgType") %>' Font-Italic="True" Font-Size="Smaller" ForeColor="#CCCCCC" />
                      <asp:Label ID="lblMsgGroupDesc" runat="server" Text='<%# Eval("MsgGroupDesc") %>' Font-Italic="True" Font-Size="Smaller" ForeColor="#CCCCCC" />
                      <div style="text-align: justify">
                          <asp:Label ID="MessageDetailLabel" runat="server" Text='<%# Eval("MessageDetail") %>'
                              Font-Size="Smaller" Width="525px" />
                          <br />
                          <asp:HyperLink ID="hlnkMessageLinkURL" runat="server" NavigateUrl='<%# Eval("MessageURL") %>'
                              Target="_blank"><%# Eval("MessageURLDesc")%></asp:HyperLink>
                          <br />
                          <hr />
                      </div>
                     
    • next piece...
      
      
                          <contenttemplate>
                              <div style="left: 25px; color: #C0C0C0; font-size: smaller;">
                                  <asp:HyperLink runat="server" ID="MessageId" NavigateUrl='<%#"SBN_Messaging.aspx?MsgId=" + Eval("MessageId") + "&MsgType=" + Eval("MessageType") + "&User=" + Eval("MessageFromId") + "&UserTo=" + Eval("MessageToId") + "&MsgPic=" + Eval("MsgPicture") %>'
                                      Target="SBN_Main" Font-Size="Smaller">Comment</asp:HyperLink>
      
                              </div>
      
                          </ContentTemplate>
      
                      </div>
                      <hr />
                  </ItemTemplate>
              </asp:ListView>
              
         
          <div style="position: relative">
              <hr />
              <asp:Panel ID="pnlSBN_Messages" runat="server" HorizontalAlign="Center" Width="100%"
                  BackColor="#66CCFF" Height="50px">
              </asp:Panel>
          </div>
          <asp:SqlDataSource ID="sdsrcMessages" runat="server" ConnectionString="<%$ ConnectionStrings:ApplicationServices_1 %>"
              SelectCommand="aspnet_Select_User_Messages" SelectCommandType="StoredProcedure" >
              <SelectParameters>
                  <asp:Parameter Name="MessageType" Type="char" DefaultValue='I' />
                  <asp:Parameter Name="UserName" DefaultValue='nomentry1@gmail.com' />
                  <asp:Parameter Name="UserRelName" DefaultValue='NA' />
                  <asp:Parameter Name="CompanyId" DefaultValue='NA' />
              </SelectParameters>
          </asp:SqlDataSource>    
         
    • Script used for scrolling just below the title...
      
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
      <script type="text/javascript">
       $(document).ready(function () { 
                  var Skip = 10; //Number of skipped row 
                  var Take = 5; // 
                  function Load(Skip, Take) {
                      $('#divPostsLoader').html('<img src="loading.gif">'); 
       
                      //send a query to server side to present new content 
                      $.ajax({ 
                          type: "POST",
                          url: "SBN_Messages.aspx", 
                          data: "{ Skip:" + Skip + ", Take:" + Take + " }", 
                          contentType: "application/json; charset=utf-8", 
                          dataType: "json", 
                          success: function (data) { 
       
                              if (data != "") { 
                                  $('.thumb').append(data.d); 
                              } 
                              $('#divPostsLoader').empty(); 
                          } 
       
                      }) 
                  }; 
                  //Larger thumbnail preview  
       
                  //When scroll down, the scroller is at the bottom and fire the Load ()function 
                  $(window).scroll(function () { 
       
                      if ($(window).scrollTop() == $(document).height() - $(window).height()) { 
                          Load(Skip, Take); 
       
                         //Any number you want 
                          Skip = Skip + 5; 
                      } 
                  }); 
              });
      
      
      </script>
  • using with gridview
    6 Posts | Last post October 23, 2013
    • hi and thanks from france, for this code
      
      i have an existing site web and i would like to use infinite scroll instead to click a new button when presenting some events on my site
      
      but i have a probleme because i need to detect end of page like your javascript, but have to call a non static method
      
      how can i do ? cause LoadImages is static...
    • You have to use static method this is the only way in ASP.NET WebForms.Anyway i'm trying to recreate this sample to use Gridview in near future.
      Regards.
      
    • thanks Ahmed.
    • it's not easy for making infinite samples something Like Bing/Google.
    • Thank's a lot Arif for your comments
    • This is another excellent software development. Congratulations