Jump to content

akhter


akhter
 Share

Recommended Posts

How to increase repeater size,after using carousel my repeater size get small ,repeater2 is creating problem ,so how to increase size with carousel in repeater 

here is my html ,image is attached and highlighted 

<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="home.aspx.cs" Inherits="WebApplication21.home" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/jcarousel/0.2.8/jquery.jcarousel.min.js"></script>
    <link rel="Stylesheet" href="https://cdn.jsdelivr.net/jcarousel/0.2.8/skins/tango/skin.css" />
    <script type="text/javascript">

        $(function () {
            $('[id*=mycarousel]').jcarousel({
                auto: true,
                animation: 'slow',
                wrap: 'circular',
                width: '1175px',
                scroll: 1 // No of Image To Slide on click of next and previous button.
            });

        });


    </script>
    <div class="header_slide">
			<div class="header_bottom_left">				
				<div class="categories">
				  <ul>
				  	<h3>Categories</h3>
				      <asp:Repeater ID="Repeater1" runat="server">
                          <ItemTemplate>
                              <li>
                                             <asp:HyperLink ID="HyperLink1" runat="server" Text='<%# Eval("cat_name")%>' NavigateUrl='<%# Eval("cat_id","~/View/User/product.aspx?view={0}") %>' ></asp:HyperLink>
                                  </li>
                          </ItemTemplate>
				      </asp:Repeater>
                      <li>
                          <h3>
                              <asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click" Text="LogOut" Style="background-color:aliceblue"></asp:LinkButton>
                          </h3>
                      </li>
				  </ul>
				</div>					
	  	     </div>
					 <div class="header_bottom_right">					 
					 	 <div class="slider">					     
							 <div id="slider">
			                    <div id="mover">
			                    	<div id="slide-1" class="slide">			                    
									 <div class="slider-img">
									     <a href="preview.html"><img src="images/slide-1-image.png" alt="learn more" /></a>									    
									  </div>
						             	<div class="slider-text">
		                                 <h1>Clearance<br><span>SALE</span></h1>
		                                 <h2>UPTo 20% OFF</h2>
									   <div class="features_list">
									   	<h4>Get to Know More About Our Memorable Services Lorem Ipsum is simply dummy text</h4>							               
							            </div>
							             <a href="preview.html" class="button">Shop Now</a>
					                   </div>			               
									  <div class="clear"></div>				
				                  </div>	
						             	<div class="slide">
						             		<div class="slider-text">
		                                 <h1>Clearance<br><span>SALE</span></h1>
		                                 <h2>UPTo 40% OFF</h2>
									   <div class="features_list">
									   	<h4>Get to Know More About Our Memorable Services</h4>							               
							            </div>
							             <a href="preview.html" class="button">Shop Now</a>
					                   </div>		
						             	 <div class="slider-img">
									     <a href="preview.html"><img src="images/slide-3-image.jpg" alt="learn more" /></a>
									  </div>						             					                 
									  <div class="clear"></div>				
				                  </div>
				                  <div class="slide">						             	
					                  <div class="slider-img">
									     <a href="preview.html"><img src="images/slide-2-image.jpg" alt="learn more" /></a>
									  </div>
									  <div class="slider-text">
		                                 <h1>Clearance<br><span>SALE</span></h1>
		                                 <h2>UPTo 10% OFF</h2>
									   <div class="features_list">
									   	<h4>Get to Know More About Our Memorable Services Lorem Ipsum is simply dummy text</h4>							               
							            </div>
							             <a href="preview.html" class="button">Shop Now</a>
					                   </div>	
									  <div class="clear"></div>				
				                  </div>												
			                 </div>		
		                </div>
					 <div class="clear"></div>					       
		         </div>
		      </div>
		   <div class="clear"></div>
		</div>
   
 <div class="main">
    <div class="content">
    	<div class="content_top">
    		<div class="heading">
    		<h3>New Products</h3>
    		</div>
    		<div class="see">
    			<p><a href="">See all Products</a></p>
    		</div>
    		<div  class="clear"></div>
    	</div>
	      <div  class="section group">
              <ul id="mycarousel" class="jcarousel-skin-tango" }    >
				<asp:Repeater ID="Repeater2"  runat="server" >
            
            <ItemTemplate>
                 <li >
                   <div  style="float:left;width:100%">
					 <%--<a href=""><img src="../../images/slide-3-image.jpg" alt="" style="width:250px;height:250px" /></a>--%>
                       <asp:Image ID="Image1" runat="server"  style="width:220px;height:250px"   ImageUrl='<%# Eval("pro_image")%>'  />

					 <h2> <p><span class="rupees"><asp:Label ID="Label2" runat="server"  Text='<%# Eval("pro_name")%>'></asp:Label></span></p></h2>
					<div class="price-details">
				       <div class="price-number">
							<p><span class="rupees">PKR<asp:Label ID="Label1" runat="server"  Text='<%# Eval("pro_price")%>'></asp:Label></span></p>
					    </div>
					       		<div class="add-cart">								
									<%--<h4><a href="preview.html">Add to Cart</a></h4>--%>
                                      
                                     <h4>  <asp:HyperLink ID="HyperLink1" runat="server"  NavigateUrl='<%# Eval("pro_id","~/View/User/productdetails.aspx?view={0}") %>'>View Details</asp:HyperLink>
							     </h4>
                                         </div>
							 <div class="clear"></div>
					</div>
					 
				</div>
                   </li>
            </ItemTemplate>
            
        </asp:Repeater>
                </ul>
        </div>
					
<%--					       		<div class="add-cart">								
									<h4><a href="preview.html">Add to Cart</a></h4>
							     </div>--%>
							 <div class="clear"></div>
					</div>				     
			
			</div>
			<div class="content_bottom">
    		<div class="heading">
    		<h3>Showcase Products</h3>
    		</div>
    		<div class="see">
    			<p><a href="#">See all Products</a></p>
    		</div>
    		<div class="clear"></div>
    	</div>
			<div class="section group">
				<asp:Repeater ID="Repeater3" runat="server">
            
            <ItemTemplate>
                
                   <div  style="float:left;width:25%">
					 <%--<a href=""><img src="../../images/slide-3-image.jpg" alt="" style="width:250px;height:250px" /></a>--%>
                       <asp:Image ID="Image1" runat="server"  style="width:220px;height:250px"   ImageUrl='<%# Eval("pro_image")%>'  />

					 <h2> <p><span class="rupees"><asp:Label ID="Label2" runat="server"  Text='<%# Eval("pro_name")%>'></asp:Label></span></p></h2>
					<div class="price-details">
				       <div class="price-number">
							<p><span class="rupees">PKR<asp:Label ID="Label1" runat="server"  Text='<%# Eval("pro_price")%>'></asp:Label></span></p>
					    </div>
					       		<div class="add-cart">								
									<%--<h4><a href="preview.html">Add to Cart</a></h4>--%>
                                      
                                     <h4>  <asp:HyperLink ID="HyperLink1" runat="server"  NavigateUrl='<%# Eval("pro_id","~/View/User/productdetails.aspx?view={0}") %>'>View Details</asp:HyperLink>
							     </h4>
                                         </div>
							 <div class="clear"></div>
					</div>
					 
				</div>
                  
            </ItemTemplate>
            
        </asp:Repeater>
				</div>
		

</asp:Content>

 

Reapeter sixe.jpg

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...