locked
image slider RRS feed

  • Question

  • User156871696 posted

    Hi,

    I  want to make a image slider for my web site using c#

    database will be ms access 

    can you please help me

    Ahmet OZER

    Monday, April 29, 2019 7:30 PM

All replies

  • User839733648 posted

    Hi AhmetOzer,

    According to your description, I suggest that you could use GalleryView plugin alonf with repeater control to achieve your requirement.

    The main purpose of GalleryView plugin is to make a slideshow of images.

    Here is my testing sample.

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <link type="text/css" rel="stylesheet" href="js/view.css" />
        <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
        <script type="text/javascript" src="js/jquery-galleryview-1.1/jquery.galleryview-1.1.js"></script>
        <script type="text/javascript" src="js/jquery-galleryview-1.1/jquery.timers-1.1.2.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $('#photos').galleryView({
                    panel_width: 500,
                    panel_height: 200,
                    frame_width: 100,
                    frame_height: 100,
                    nav_theme: 'custom'
                });
            });
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
            <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:EmployeeManagementConnectionString %>" SelectCommand="SELECT * FROM [tb_Image]"></asp:SqlDataSource>
            <br />
            <div id="photos" class="galleryview">
                <asp:Repeater ID="Repeater2" runat="server" DataSourceID="SqlDataSource1">
                    <ItemTemplate>
                        <div class="panel">
                            <img src='<%#Eval("ImagePath") %>' />
                            <div class="panel-overlay">
                                <h2><%# Eval("ImageName") %></h2>
                            </div>
                        </div>
                    </ItemTemplate>
                </asp:Repeater>
                <ul class="filmstrip">
                    <asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1">
                        <ItemTemplate>
                            <li>
                                <img width="100" height="100" src='<%#Eval("ImagePath") %>' title='<%# Eval("ImageName") %>' /></li>
                        </ItemTemplate>
                    </asp:Repeater>
                </ul>
            </div>
        </form>
    </body>
    </html>
    

    result:

    Database Format:

    The js code you could refer to: http://www.intstrings.com/ramivemula/wp-content/uploads/2010/08/js.rar

    Best Regards,

    Jenifer

    Tuesday, April 30, 2019 6:19 AM
  • User156871696 posted

    Dear Jenifer,

    Thank you very much for your respond.

    I want to use this slider for real estate website , seller will advertise and load photo for each ad. 

    Buyer will look to ads , and slider will start to work when she/he opened ads one by one .

    I know to use C# and access database.

    I have tried but i could not do it

    If you can help me i can do it.

    I had a problem before and then you helped me , finally we  have solved my problem, actuallly you solved it.

    Regards

    Ahmet OZER

    Wednesday, May 1, 2019 8:09 PM
  • User839733648 posted

    Hi AhmetOzer,

    According to your description, it seems that you've tried to write codes to achieve your requirement.

    If possible, please provide more information about your requirement like related code(a sample demo) so that it will be easier to hlep with you.

    Best Regards,

    Jenifer

    Thursday, May 2, 2019 6:33 AM
  • User-2054057000 posted

    Hi,

    I  want to make a image slider for my web site using c#

    database will be ms access 

    can you please help me

    Ahmet OZER

    Hello AhmetOzer, 

    You can easily create Image Sliders using just a few lines of jQuery and JavaScript. Follow this tutorial to learn it all - jQuery Slider by effective use of Timers

    Tuesday, May 14, 2019 12:48 PM