jquery - Slick Carousel Blank Slides -

-

i set overlay slick carousel, when click on image larger carousel appears selected image initialslide. however, slick carousel adding several blank slides after initialslide. know why? also, how can restart overlay carousel upon close?

    $("#sync1 .item").on("click", function() {          var index = $(this).attr("data-slick-index");         $(".overlay-carousel-container").css("display", "block");         $("body").css("overflow", "hidden");         $("#overlaycarousel").slick({           slidestoshow: 1,             fade: true,             initialslide: index,             focusonselect: true         });      }) <div class="overlay-carousel-container">     <a class="close">&nbsp;</a>         <div class="overlay-wrapper">                 <div class="overlay-img-wrapper">                      <div class="overlay-carousel-nav" id="overlaycarousel">                          <div class="overlay-slider-img"><img src="img/apparel/1.jpg"></div>                         <div  class="overlay-slider-img"><img src="img/apparel/2.jpg"></div>                         <div  class="overlay-slider-img"><img src="img/apparel/3.png"></div>                         <div  class="overlay-slider-img"><img src="img/apparel/4.jpg"></div>                         <div  class="overlay-slider-img"><img src="img/apparel/5.jpg"></div>                         <div  class="overlay-slider-img"><img src="img/apparel/6.jpg"></div>                         <div  class="overlay-slider-img"><img src="img/apparel/7.png"></div>                       </div>                   </div>         </div>   </div>

in order restart overlay slider suggest "kill" when user closes it. way onclick build again relevant index slide.

just add following overlay close event:

$("#overlaycarousel").slick("unslick");

please notice asking 2 questions in 1 post not allowed here. it's better adding jsfiddle code can try figure out went wrong. think it's best open new question full code example , leave edit question address 1 i've tried solving you.


Comments

Post a Comment

Popular posts from this blog

symfony - InvalidConfigurationException in SecurityExtension.php line 429: No authentication listener registered for firewall "secured_area" -

-
i'm new symfony user , follow tutorial . current task add logout script unfortunately gives me error: invalidconfigurationexception in securityextension.php line 429: no authentication listener registered firewall "secured_area". my security.yml file looks this: security: # http://symfony.com/doc/current/book/security.html#where-do-users-come-from-user-providers providers: in_memory: memory: users: ryan: password: $2a$12$lcy0mefviec3typhv9snnuzofyr2p/axigoqjeds4am4jwhnz/jli roles: 'role_user' admin: password: $2a$12$cytwee9kpq1pjqkfiwuzfucrpwvyazwm4xzmz1qpufl7/flcm3v0g roles: 'role_admin' firewalls: secured_area: # ... logout: path: /logout target: / # disables authentication assets , prof...
Read more

angular ui router - 10 digest iterations reached in angularjs when using $state.go -

-
i using angular ionic. i not want user have login again in case logged in , did not logout last time used application. reason, using local storage check if user logged in. tried putting code in run block. $rootscope.$on('$statechangestart', function (event, tostate, toparams, fromstate, fromparams) { if($localstorage.userinfo){ $state.go('deployment'); //this line 270 of app.js event.preventdefault(); return; } }) but gives error says: rangeerror: maximum call stack size exceeded @ scope.$broadcast (ionic.bundle.js:23414) @ object.transitionto (ionic.bundle.js:40804) @ object.go (ionic.bundle.js:40671) @ app.js:270 @ scope.$broadcast (ionic.bundle.js:23412) @ object.transitionto (ionic.bundle.js:40804) @ object.go (ionic.bundle.js:40671) @ app.js:270 @ scope.$broadcast (ionic.bundle.js:23412) @ object.transitionto (ionic.bundle.js:40804) also, error: [$rootscope...
Read more

javascript - Handling constructor related functions while testing with mocha and sinon -

-
i testing application in declare specific variable within constructor , assign return of function imported class. how code looks like: var someclass; function constructor() { this.someclasshandler = null; } constructor.prototype.newsomeclass = function() { someclass = require('./someclass.js'); return new someclass(); } constructor.prototype.getfunction = function() { this.someclasshandler = this.newsomeclass(); } constructor.prototype.callsomefunction = function() { this.someclasshandler.somefunction(); } when try test code whether function 'somefunction' imported class 'someclass' called within method'callsomefunction' receive failed test responses variable 'someclasshandler' still equals null (which makes sense not call method 'getfunction' assigns class variable). i use mocha , sinon tests, bit helpless whether mock or stub class in order assign variable 'this.someclasshandler' correctly. the m...
Read more