BootStrap slider

-
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="BootStrapSlider.aspx.cs" Inherits="angularJs1.BootStrapSlider" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="../Content/bootstrap.min.css" rel="stylesheet" />
    <script src="../scripts/angular.min.js"></script>
    <script src="../scripts/jquery-1.9.1.min.js"></script>
    <script src="../scripts/bootstrap.min.js"></script>
    <style>
        .carousel-inner > .item > img,
        .carousel-inner > .item > a > img {
            width: 100%;
            height:200px;
            margin: auto;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div class="container">
            <br>
            <div id="myCarousel" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel" data-slide-to="1"></li>
                    <li data-target="#myCarousel" data-slide-to="2"></li>
                    <li data-target="#myCarousel" data-slide-to="3"></li>
                </ol>

                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">

                    <div class="item active">
                        <img src="Images/20151111_191316.jpg" alt="Chania" width="460" height="300">
                        <div class="carousel-caption">
                         
                            <h3>Sreenivas</h3>
                            <p>Sreenivas is a Brand</p>
                        </div>
                    </div>

                    <div class="item">
                        <img src="Images/20151110_150420.jpg" alt="Chania" width="460" height="300">
                        <div class="carousel-caption">
                         
                              <h3>Sreenivas</h3>
                            <p>Sreenivas is a Brand</p>
                        </div>
                    </div>

                    <div class="item">

                        <img src="Images/20151102_145406.jpg" alt="Flower" width="460" height="300">
                        <div class="carousel-caption">
                                <h3>Sreenivas</h3>
                            <p>Sreenivas is a Brand</p>
                        </div>
                    </div>

                    <div class="item">
                        <img src="Images/20151102_145413.jpg" alt="Flower" width="460" height="300">
                        <div class="carousel-caption">
                         
                               <h3>Sreenivas</h3>
                            <p>Sreenivas is a Brand</p>
                        </div>
                    </div>

                </div>

                <!-- Left and right controls -->
                <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
    </form>
</body>
</html>


the above color text is place as ur image url ok.enjoy it.



Comments

Post a Comment

Popular posts from this blog

Wcf interview

-
Image
What is WCF? Windows Communication Foundation (WCF) is an SDK for developing and deploying services on Windows. WCF provides a runtime environment for services, enabling you to expose CLR types as services, and to consume other services as CLR types. WCF is part of .NET 3.0 and requires .NET 2.0, so it can only run on systems that support it.     What is service and client in perspective of data communication? A service is a unit of functionality exposed to the world.The client of a service is merely the party consuming the service.     What is address in WCF and how many types of transport schemas are there in WCF? Address is a way of letting client know that where a service is located. In WCF, every service is associated with a unique address. This contains the location of the service and transport schemas. WCF supports following transport schemas  HTTP TCP Peer network IPC (Inter-Process Communication over named pipes) MSMQ The sample addr...
Read more

Uses of all page notations in .Net like ASPX,ASMX,ASAX .................... in asp.net

-
.asax : Global.asax, used for application-level logic .ascx :  Web UserControls: custom controls to be placed onto web pages. .ashx :  custom HTTP handlers. .asmx :  web service pages. From version 2.0 a Code behind page of an asmx file is placed into the app_code folder. .axd :  when enabled in web.config requesting trace.axd outputs application-level tracing. Also used for the special webresource.axd handler which allows control/component developers to package a component/control complete with images, script, css etc. for deployment in a single file (an 'assembly') .config :  web.config is the only file in a specific Web application to use this extension by default (machine.config similarly affects the entire Web server and all applications on it), however ASP.NET provides facilities to create and consume other config files. These are stored in XML format. .cs/vb :  Code files (cs indicates C#, vb indicates Visual Basic). Code behind files (see a...
Read more