更新时间:2023-02-18 13:34:33
交联,
navthumb;
var curclicked = 0;
theInterval = function(cur){
clearInterval(theInt);
if(typeof cur!='undefined')
curclicked = cur;
crosslink.removeClass(active-thumb);
Hello,
I am writing this code for image display on href link click but i need a different text according to href link.
My code is:-
<script type="text/javascript"> var theInt = null; var $crosslink, $navthumb; var curclicked = 0; theInterval = function (cur) { clearInterval(theInt); if (typeof cur != 'undefined') curclicked = cur; $crosslink.removeClass("active-thumb"); $navthumb.eq(curclicked).parent().addClass("active-thumb"); $(".stripNav ul li a").eq(curclicked).trigger('click'); theInt = setInterval(function () { $crosslink.removeClass("active-thumb"); $navthumb.eq(curclicked).parent().addClass("active-thumb"); $(".stripNav ul li a").eq(curclicked).trigger('click'); curclicked++; if (6 == curclicked) curclicked = 0; }, 200000); }; $(function () { $("#main-photo-slider").codaSlider(); $navthumb = $(".nav-thumb"); $crosslink = $(".cross-link"); $navthumb .click(function () { var $this = $(this); theInterval($this.parent().attr('href').slice(1) - 1); return false; }); theInterval(); }); </script> <div class="slider-wrap"> <div id="main-photo-slider" class="csw"> <div class="panelContainer"> <div class="panel" title="Panel 1"> <div class="wrapper"> <div class="box-image"> <div class="inner-image" style="margin-removed30px;"> <asp:Image ID="uploadImage" runat="server" Width="823" Height="450" style="margin:50px 0 200px 0; position:relative; z-index:0; border:none;"/> <asp:Image ID="bg1" runat="server" width="890" ImageUrl="images/bgeventimage.png" borderStyle=None CssClass="floatLeft" height="530" style="margin: -680px 0 0 -30px;" /> </div> <div> <div> </div> <img src="images/bgeventimage34.png" width="890" height="510" alt="" style="margin:30px 0 0 -890px; position:absolute;" /> </div> </div> </div> <asp:TextBox ID="Template1TxtTo" runat="server" CssClass="sample-text-01" placeholder="To..."> <asp:TextBox ID="Template1TxtFrom" runat="server" CssClass="sample-text-02" placeholder="from..."> </div> <div class="panel" title="Panel 2"> <div class="wrapper"> <div class="box-image"> <div class="inner-image" style="margin-removed30px;"> <asp:Image ID="Image1" runat="server" Width="823" Height="450" style="margin:50px 0 200px 0; position:relative; z-index:0; border:none;"/> <asp:Image ID="Image2" runat="server" width="890" ImageUrl="images/bgeventimage.png" borderStyle=None CssClass="floatLeft" height="530" style="margin: -680px 0 0 -30px;" /> </div> <div> <div> </div> <img src="images/bgeventimage35.png" width="890" height="510" alt="" style="margin:30px 0 0 -890px; position:absolute;" /> </div> <%--<img src="images/bgeventimage33.png" width="890" height="510" alt="scotch egg" style="margin: 0 0 0 0;" class="floatLeft" />--%> </div> </div> <asp:TextBox ID="TextBox3" runat="server" CssClass="sample-text-03" placeholder="To..."> <asp:TextBox ID="TextBox4" runat="server" CssClass="sample-text-04" placeholder="from..."> </div> </div> </div> <div id="movers-row"> <div> <a href="#1" class="cross-link"> <img src="images/thumbimage.jpg" width="150" height="100" class="nav-thumb" alt="temp-thumb" /> </a></div> <div><a href="#2" class="cross-link"><img src="images/thumbimage2.jpg" width="150" height="100" class="nav-thumb" alt="temp-thumb" /></a> </div> </div> <asp:Label ID="lblTempolateTextInformation" runat="server" Text="">
I want to display text on "lblTempolateTextInformation" according to first tenplate and second template click both information are different.
How it can be possible from jquery.
Please help me.
Thanks in Advance
Ankit Agarwal
Website Developer
crosslink,
navthumb; var curclicked = 0; theInterval = function (cur) { clearInterval(theInt); if (typeof cur != 'undefined') curclicked = cur;
crosslink.removeClass("active-thumb");