jquery - I want to add auto slide to this script can any one help me out? -

-

hi friends have image slider on site

slides images click on preview , next button.

my question is: possible add auto start instead of onclik ?

here codes:
want add auto slide script can 1 me out?? doesn't have auto play option. slides on mouse click event.

 $(document).ready(function () {          var showcaseitems = $('.show-case-item').hide();          var splashes = $('.splash').hide();         //get each image each slide , set background of slide         //            splashes.each(function () {         //                var img = $(this).find('img');         //                var imgsrc = img.attr('src');         //                img.css('visibility', 'hidden');         //                $(this).css({ 'background-image': 'url(' + imgsrc + ')', 'background-repeat': 'no-repeat' });         //            });          splashes.eq(0).show();         showcaseitems.eq(0).show();          var previndex = -1;         var nextindex = 0;         var currentindex = 0;          $('#banner-pagination li a').click(function () {                nextindex = parseint($(this).attr('rel'));              if (nextindex != currentindex) {                 $('#banner-pagination li a').html('<img src="assets/img/slidedot.png" alt="slide"/>');                 $(this).html('<img src="assets/img/slidedot-active.png" alt="slide"/>');                 currentindex = nextindex;                 if (previndex < 0) previndex = 0;                  splashes.eq(previndex).css({ opacity: 1 }).animate({ opacity: 0 }, 500, function () {                     $(this).hide();                 });                 splashes.eq(nextindex).show().css({ opacity: 0 }).animate({ opacity: 1 }, 500, function () { });                  showcaseitems.eq(previndex).css({ opacity: 1 }).animate({ opacity: 0 }, 500, function () {                     $(this).hide();                     showcaseitems.eq(nextindex).show().css({ opacity: 0 }).animate({ opacity: 1 }, 200, function () { });                 });                  previndex = nextindex;             }              return false;         });       });

i presume have ul inside div called banner-pagination. hard without seeing html. if don't should have. ul should surround lis

jquery(document).ready(function ($) {  var slidecount = $('#banner-pagination ul li a').length; var slidewidth = $('#banner-pagination ul li a').width(); var slideheight = $('#banner-pagination ul li a').height(); var sliderulwidth = slidecount * slidewidth;  $('#banner-pagination').css({ width: slidewidth, height: slideheight });  $('#banner-pagination ul').css({ width: sliderulwidth, marginleft: - slidewidth });  $('#banner-pagination ul li:last-child').prependto('#slider ul');  function moveleft() {     $('#banner-pagination ul').animate({         left: + slidewidth     }, 1000, function () {         $('#banner-pagination ul li:last-child').prependto('#slider ul');         $('#banner-pagination ul').css('left', '');     }); };   function do_slide(){     interval = setinterval(function(){       moveleft();     }, 1000);   }   do_slide();    $('ul li').hover(function(){    clearinterval(interval);  });   $('ul li').mouseleave(function(){    do_slide();  });  });

reference


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

mercurial graft feature, can it copy? -

-
there new feature in mercurial 3, called 'graft' (graft local). job of moving change-set different branch. is there way "copy" change-set branch? i interested in in moving stuff qa branch production branch, still need code reside in qa. want copy. found , have tried few things, maybe it'll become clear more tinkering , reading... does have better way of 'cherry picking' change-sets move cross branch (or trunk)??? graft copies changesets, doesn't move them. hg graft (emphasis mine): this command uses mercurial's merge logic copy individual changes other branches without merging branches in history graph. known 'backporting' or 'cherry-picking' . default, graft copy user, date, , description source changesets.
Read more