javascript - Bootstrap carousel: changing jquery slides to bootstrap caroulsel and binding a slide function -

-

i started applying bootstrap on site. need change following script work on bootstrap carousel

        $(function(){             // set starting slide 1             var startslide = 1;             // slide number if exists             if (window.location.hash) {                 alert('hash'+window.location.hash);                 startslide = window.location.hash.replace('#','');                 alert('startslide'+startslide);             }             // initialize slides             $('#slides2').slides({                 preload: true,                 preloadimage: 'img/loading.gif',                 generatepagination: true,                 play: 0,                 pause: 2500,                  hoverpause: true,                 currentclass: 'current',                 // starting slide                 start: {$startnumb},                 animationcomplete: function(current){                     // set slide number hash                     window.location.hash = '#' + current;                     alert('windows hash'+window.location.hash);                     alert('current'+current);                     $('#activeslideindex').val(current);                     $('#poplightbox div.rating a').attr('rel', imageidarray[current-1] +';media');                     $('#poplightbox a.votenegative').html('<img src="{$livesite}/templates/{$theme}/desktop_images/images/unlike.png" align="absmiddle"><b class="sprite">&nbsp;</b> ' + votecountarray[current-1][0]);                     $('#poplightbox a.voteplus').html('<img src="{$livesite}/templates/{$theme}/desktop_images/images/approve.png" align="absmiddle"><b class="sprite">&nbsp;</b> ' + votecountarray[current-1][1]);                 }             });

i've tried not working. don't know current variable getting value , how window.location.hash work

    $(function(){         // set starting slide 1           var startslide = 1;         // slide number if exists         if (window.location.hash) {             startslide = window.location.hash.replace('#','');         }         $('#mycarousel').bind('slide',function(current){              window.location.hash = '#' + current;             $('#activeslideindex').val(current);             $('#poplightbox div.rating a').attr('rel', imageidarray[current-1] +';media');             $('#poplightbox a.votenegative').html('<img src="{$livesite}/templates/{$theme}/desktop_images/images/unlike.png" align="absmiddle"><b class="sprite">&nbsp;</b> ' + votecountarray[current-1][0]);             $('#poplightbox a.voteplus').html('<img src="{$livesite}/templates/{$theme}/desktop_images/images/approve.png" align="absmiddle"><b class="sprite">&nbsp;</b> ' + votecountarray[current-1][1]);     });           });

found solution.this 1 gets current index of carousel

$('#mycarousel').bind('slid',function(e){               var current =  $(".active", e.target).index()+1;                    $('#activeslideindex').val(current);                 $('#poplightbox div.rating a').attr('rel', imageidarray[current-1] +';media');                 $('#poplightbox a.votenegative').html('<img src="{$livesite}/templates/{$theme}/desktop_images/images/unlike.png" align="absmiddle"><b class="sprite">&nbsp;</b> ' + votecountarray[current-1][0]);                 $('#poplightbox a.voteplus').html('<img src="{$livesite}/templates/{$theme}/desktop_images/images/approve.png" align="absmiddle"><b class="sprite">&nbsp;</b> ' + votecountarray[current-1][1]);         });

Comments

Post a Comment

Popular posts from this blog

html5 - What is breaking my page when printing? -

-
Image
i have questioner , don't know why when printing it's creating break before first question. live demo (link) i able resolve issue removing fieldset container had wrapped in.. having fieldset element causing of fields grouped together, , since not fit on first page, being pushed second page. removing fieldset element, able firefox print first 2 questions on page 1 identically chrome. it seems not new problem firefox , fieldset not playing nice found old bugzilla ticket 2008 has persisted , still being commented on in 2014 (link) if retaining fieldset important, found solution else came here (link) <script type='text/javascript'> $(window).bind('beforeprint', function(){ $('fieldset').each( function(item) { $(this).replacewith($('<div class="fieldset">' + this.innerhtml + '</div>')); } ) }); $(window).bind(
Read more

html - Unable to style the color of bullets in a list -

-
i'm trying change colour of list points it's not working? <div class="mobile-menu" id="mobile-menu"> <div id="mobile-menu-links"> <h4>general:</h4> <ul class="mobile-menu-links"> <li><a href="">news</a></li> <li><a href="">the boring rules!</a></li> <li><a href="">the rankings</a></li> </ul> .mobile-menu #mobile-menu-links ul{ list-style-type: none; margin:0; padding-left:3%; } .mobile-menu #mobile-menu-links ul li{ padding-bottom:2px; border-bottom:1px solid #bababa; } if add color:red in either of 2 css declarations, doesn't change colour. please note html closed in document, copi
Read more

c# - must be a non-abstract type with a public parameterless constructor in redis -

-
when save object, got below error must non-abstract type public parameterless constructor in order use parameter 't' in generic type or method 'servicestack.redis.redisclient.store<t>(t) redisclass.getinstnace().store(msg); // error here redisclass.getinstnace().save(); as third party's class, can not edit how save object? could create wrapper around third party object call constructor, store wrapper? e.g. public class mywrapper { public thirdpartyobject thirdpartyinstance { get; set; } public mywrapper() { thirdpartyinstance = new thirdpartyobject("constructors"); } }
Read more