javascript - Add/Remove a Class Every 15 seconds using jQuery and stop on hover. -

-

i'm not great @ jquery , i'm stumped here, i'm trying make jquery carousel rotates every 15 seconds automatically , stops on hover.

right have html: 

<section id="featured">    <div id="hero">         <div class="slide" style="background-image: url(/wp-content/uploads/2016/02/rsz_shutterstock_323582282.jpg)"></div>         <div class="slide" style="background-image: url(/wp-content/uploads/2016/01/rsz_shutterstock_246059269.jpg)"></div>         <div class="slide" style="background-image: url(/wp-content/uploads/2016/01/rsz_shutterstock_342971345.jpg)"></div>         <div class="slide" style="background-image: url(/wp-content/uploads/2016/01/rsz_shutterstock_327686162.jpg)"></div>     </div>      <div class="wrap clearfix" id="latest-wrap">         <div class="clearfix" id="latest">             <h5 id="the-latest"><span>hot week</span></h5>             <a href="/get-all-nine-quicktips-here/" class="">             <article class="featured-article clearfix">                 <h4><span class="fa finance-101"></span>finance-101</h4>                 <h2 class="featured-title">our best financial tips watch on go</h2>             </article>             </a>                     <a href="/how-to-throw-the-perfect-wedding-shower/" class="">             <article class="featured-article clearfix">                 <h4><span class="fa fun"></span>fun</h4>                 <h2 class="featured-title">how throw perfect bridal shower</h2>             </article>             </a>                 <a href="/watch-the-full-series-of-ytf-with-dennis-kneale/" class="">             <article class="featured-article clearfix">                 <h4><span class="fa finance-101"></span>finance-101</h4>                 <h2 class="featured-title">if you're reading it's not late</h2>             </article>             </a>                             <a href="/watch-the-full-season-of-mr-and-mrs-adventure-here/" class="">             <article class="featured-article clearfix">                 <h4><span class="fa motivation"></span>motivation</h4>                 <h2 class="featured-title">watch 1 couple travel world on $1k month</h2>             </article>             </a>                                                             </div>     </div> </section>

here's have jquery...

$("li.categories").click(function(){     window.location = $(this).find("a").attr("href"); });  $("#featured #hero .slide").eq(0).addclass("current"); $("#latest a").eq(0).addclass("current");  $("#latest a").hover(function(){     $(this).addclass("current");     $("#featured #hero .slide.current").removeclass("current");     $("#featured #hero .slide").eq($("#latest a.current").index()-1).addclass("current"); }, function(){           $(this).removeclass("current"); });

currently on hover adds "current" in both places , stops , that's fine, but, i'd automatically every 10 seconds.

what doing wrong? :)

if got right, try this:

add this: var loopcarousel = true;

when binding hover, set loopcarousel false, set true again when not hovering. add function javascript , replace "your_selector" element being displayed.

function start(counter){   if(counter < 10000 && loopcarousel){     settimeout(function(){       counter++;        $("your_selector").mouseover();        start(counter);     }, 10000);   } } start(0);

Comments

Post a Comment

Popular posts from this blog

Delphi XE2 Indy10 udp client-server interchange using SendBuffer-ReceiveBuffer -

-
i use delphi xe2 , indy10 udp protocol. can't receive server echo on client side if use receivebuffer method. got "socket error # 10040" although send small echo message server client. console application illustrate problem below. in advance. program project1; {$apptype console} {$r *.res} uses system.sysutils, idglobal, idbasecomponent, idcomponent, idsockethandle, idudpclient, idudpserver, idudpbase, idstack; type tudp_serv = class(tidudpserver) procedure udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); end; var udpserver: tudp_serv; udpcl: tidudpclient; bsnd, brcv: tbytes; s: string; k: integer; //============================================================================== procedure tudp_serv.udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); begin writeln(' server read: ' + tohex(adata, length(adata))); abinding sendto(peerip, peerport, adat...
Read more

Qt ActiveX WMI QAxBase::dynamicCallHelper: ItemIndex(int): No such property in -

-
i new windows programming. here goes code objiwbemlocator = new qaxobject("wbemscripting.swbemlocator"); objwmiservice = objiwbemlocator->querysubobject("connectserver(qstring&,qstring&)",qstring("."),qstring("root\\cimv2")); qaxobject* returnlist = objwmiservice->querysubobject("execquery(qstring&)", qstring("select * %1").arg(domain)); qaxobject* result = returnlist->querysubobject("itemindex(int)", 0); i getting error on runtime qt activex wmi qaxbase::dynamiccallhelper: itemindex(int): no such property in but itemindex method exists msdn says the itemindex method not work collections not contain swbemobjects, such swbemmethodset, swbemnamedvalueset, swbemprivilegeset, swbempropertyset, , swbemqualifierset. what selecting ? have tried iterating on collection ? plus need minimum windows vista itemindex method. hope helps
Read more

Enable autocomplete or intellisense in Atom editor for PHP -

-
i'm first time user of atom editor php code. atom can autocomplete built-in functions of php. possible make editor autocomplete custom function written in separate file? function.php <?php function printsomething() { echo "hello world"; } index.php <?php require_once "function.php"; printsomething(); // autocompleted atom editor while typing thanks in advance. there text file in %userprofile%.atom called snippets.cson. in there can add snippet. more this: http://flight-manual.atom.io/using-atom/sections/snippets/ but need think can use later on other files well. otherwise need copy , paste.
Read more