Hello i have a odd problem i have this code for my web form With master page lt Page Title3434 Language34C34 MasterPageFile34MasterMaster34 AutoEventWireup34true34 CodeBehind34Defaultaspxcs34 Inherits34PaginaEquaav10Default34 gtltaspContent ID34Content234 ContentPlaceHolderID34MainContentPlaceHolder134 runat34server34gt ltlink href34Contentnormalizecss34 rel34stylesheet34 gt

Hi anjapaduYou need to change the code as belowHTML of ContentPage ltaspContent ID34Content234 ContentPlaceHolderID34ContentPlaceHolder134 runat34Server34gt ltlink href34Jsnormalizecss34 rel34stylesheet34 type34textcss34 gt ltlink href34Jsidealimageslidercss34 rel34stylesheet34 type34textcss34 gt ltlink href34Jsdefaultcss34 rel34stylesheet34 type34textcss34 gt ltstyle media34screen34gt slider maxwidth 20 margin 30px auto ltstylegt ltdiv id34slider34 runat34server34 class34slider34gt ltimg src34img1jpg34 alt34Slide 134 gt ltimg src34img2jpg34 alt34Slide 234 gt ltimg src34img3jpg34 alt34Slide 334 gt ltimg src34img4jpg34 alt34Slide 434 gt ltdivg

jQuery IdealImageSlider with Master Page example in ASP.Net

anjapadu

SOLVED CLOSED ACTIVE ANSWERED
User: anjapadu
Posted: on Nov 30, 2015 04:32 AM
Forum: jQuery and jQuery Plugins
Answer: 1
Views: 4112
Sample Code: Download

Hello, i have a odd problem i have this code for my web form (With master page)...

<%@ Page Title="" Language="C#" MasterPageFile="~/Master.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Pagina_Equaa_v1._0.Default" %>


<asp:Content ID="Content2" ContentPlaceHolderID="MainContentPlaceHolder1" runat="server">

    
    <link href=".../Content/normalize.css" rel="stylesheet" />
    <link href=".../Content/ideal-image-slider.css" rel="stylesheet" />
    <link href=".../Content/default.css" rel="stylesheet" />
    <script src=".../Scripts/jquery-1.9.1.min.js"></script>
     <script src=".../Scripts/ideal-image-slider.js"></script>


    <style media="screen">
        #slider {
            max-width: 70%;
            margin: 50px auto;
        }
    </style>
       


 <div id="slider" runat="server">
    <img src="Img/limpio.jpg" />
    <img src="Img/banneru.jpg" />
       
   <script>
       var slider = new IdealImageSlider.Slider("<%=slider.ClientID%>");
       slider.start();
    </script>
 </div> 


    
</asp:Content>

but the problem is that the js code seems to dont work... it works perfect in a non webformmaster page and i tryed all using ClientIDmode changing position of code with .../ and w/0 .../ for librarys i just can find the problem maby some1 had a similar trouble?

*When i run the page it just show the images but i should show a sliderimage

Download FREE API for Word, Excel and PDF in ASP.Net

dharmend...

0 1

Reply
ANSWER
User: dharmendr
Replied: on Nov 30, 2015 09:18 AM
Modified: on Aug 28, 2017 04:24 AM
Report

Hi anjapadu,

You need to change the code as below.

HTML of ContentPage

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <link href="Js/normalize.css" rel="stylesheet" type="text/css" />
    <link href="Js/ideal-image-slider.css" rel="stylesheet" type="text/css" />
    <link href="Js/default.css" rel="stylesheet" type="text/css" />
    <style media="screen">
        .slider
        {
            max-width: 20%;
            margin: 30px auto;
        }
    </style>
    <div id="slider" runat="server" class="slider">
        <img src="img/1.jpg" alt="Slide 1" />
        <img src="img/2.jpg" alt="Slide 2" />
        <img src="img/3.jpg" alt="Slide 3" />
        <img src="img/4.jpg" alt="Slide 4" />
    </div>
    <script src="Js/ideal-image-slider.js" type="text/javascript"></script>
    <script type="text/javascript">
        var slider = new IdealImageSlider.Slider("#<%=slider.ClientID%>");
        slider.start();
    </script>
</asp:Content>

Screenshot

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

jQuery IdealImageSlider with Master Page example in ASP.Net

Company

Explore

Follow us

Contact Us