javascript - Carousel Thumbnails still not auto updating -

-

building carousel thumbnails, thumbnail should correspond slide displayed , selected thumbnail should have border around let users know slide on. current code has thumbnails selected onclick should auto updating each slide of carousel, have done wrong? 

$('#mycarousel').carousel({ interval: 4000 });  // handles carousel thumbnails $('.carousel-selector').click(function () { var selectoridx = $(this).closest('li').index();  $('#mycarousel')   .carousel(selectoridx)   .find('.carousel-selector').removeclass('selected')   .eq(selectoridx).addclass('selected')   .end()   .find('.item').removeclass('selected')   .eq(selectoridx).addclass('active'); });

fiddle http://jsfiddle.net/gward90/xr8qzxmg/9/

the best way go use slide.bs.carousel event change "active" thumbnail.

$('#mycarousel').carousel({     interval: 4000 });  var selectoridx = 1; var numitems = $('.carousel-selector').length;  // handles carousel thumbnails $('.carousel-selector').click(function () {     selectoridx = $(this).closest('li').index();     $('#mycarousel').carousel(selectoridx) });  $('#mycarousel').on('slide.bs.carousel', function () {     $('#mycarousel')         .find('.carousel-selector').removeclass('selected')         .eq(selectoridx).addclass('selected')         .end()         .find('.item').removeclass('selected')         .eq(selectoridx).addclass('active');     if (selectoridx < (numitems - 1))         selectoridx++;     else         selectoridx = 0; });

jsfiddle


Comments

Post a Comment

Popular posts from this blog

yii2 - Yii 2 Running a Cron in the basic template -

-
i have seen instructions on running cron in advanced template, cant figure out how on basic template. have following controller in basic controllers folder. <?php namespace app\controllers; use yii\console\controller; /** * cron controller */ class croncontroller extends controller { public function actionindex() { echo "cron service runnning"; } public function actionmail($to) { echo "sending mail " . $to; } } i have navigated root of application , tried these comands yii cron php yii cron im getting unknown comand "cron" i know old question failed find actual answer this. if @ code yii exec file you'll notice requires /common/config/aliases.php file console/config/main.php. can naturally change these or copy on these advanced template. hope solves problem wanting same thing.
Read more

asp.net - 'System.Web.HttpContext' does not contain a definition for 'GetOwinContext' Mystery -

-
i realize question might seem trivial some, it's these types of things find myself fighting quite bit , want make sense of despite seeming losing battle in .net (for me anyway). so, if following: using system.web; ... applicationuser user = system.web.httpcontext.getowincontext().getusermanager<applicationusermanager>().findbyid(system.web.httpcontext.user.identity.getuserid()); that produces error in title , red getowincontext() , error cannot resolve symbol 'getowincontext()' however, if following (remove system.web in front of httpcontext ), works expected (or @ least no errors): using system.web; ... applicationuser user = httpcontext.getowincontext().getusermanager<applicationusermanager>().findbyid(system.web.httpcontext.user.identity.getuserid()); however, if (same line that's working using system.web commented out): //using system.web; ... applicationuser user = httpcontext.getowincontext().getusermana...
Read more

wso2esb - How to concatenate JSON array values in WSO2 ESB? -

-
we have json object below, expected result in: "(001),(011),(089),(120)". can suggest how iterate json array , concat values mention . "(001),(011),(089),(120)" thanks in advance. { "element": { "values": { "agentid": "aaaaa", "transactiondata": [ { "no": "001" }, { "no": "011" }, { "no": "089" }, { "no": "120" } ] } } } you can using iterate mediator, filter mediator , properties operation scope. try solution. @ end have (001),(011),(089),(120) value in concat-data property. have added complete proxy reference. <?xml version="1.0" encoding=...
Read more