Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 05/09/2017 BIG Autumn SALE

    Use AUTUMN17 coupon code to buy our WordPress or Joomla! extensions with 25% discount. Hurry up! The offer is valid till 11 September.

  • 14/04/2017 Happy Easter

    Wish a Happy Easter and give 30% discount for all our WordPress and Joomla! extensions. Use EASTER17 coupon code. The offer is valid till 17 April.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

when/how items get class .active ?
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: when/how items get class .active ?
#52873
when/how items get class .active ? 2 Years, 9 Months ago Karma: 0
Hello,
I observe, that item in carousel which is on front get class .active and mainly when is sent to front automatically(autorotate) or via navigation arrows, but I can not find out if is it via mouse wheel rotate also.

my goal is show/hide text according to the picture that is on the front:

Code:


function checkRotate() {

if ($('#acc_95.ari-cloud-carousel > div.ari-cloud-carousel-iwrapper > a.active > img.cloudcarousel.active' ).attr('src') == '/images/cabinets-de/01_GE.png')  
{
 $('#G-text').show("slide");
 $('#Z-text').hide("slide");
 $("#testing").hide("slide");
 $('#acc_95.ari-cloud-carousel > div.ari-cloud-carousel-iwrapper > a:nth-child(1) > img.cloudcarousel' ).css({opacity:1 });
 $('#acc_95.ari-cloud-carousel > div.ari-cloud-carousel-iwrapper > a:nth-child(2) > img.cloudcarousel' ).css({opacity:0.7});
 $('#acc_95.ari-cloud-carousel > div.ari-cloud-carousel-iwrapper > a:nth-child(3) > img.cloudcarousel' ).css({opacity:0.7});
}

if ($('#acc_95.ari-cloud-carousel > div.ari-cloud-carousel-iwrapper > a.active > img.cloudcarousel.active' ).attr('src') == '/images/cabinets-de/02_Z_I10.png')  
{
 $('#G-text').hide("slide");
 $('#Z-text').show("slide");
 $("#testing").hide("slide");
 $('#acc_95.ari-cloud-carousel > div.ari-cloud-carousel-iwrapper > a:nth-child(1) > img.cloudcarousel' ).css({opacity:0.7});
 $('#acc_95.ari-cloud-carousel > div.ari-cloud-carousel-iwrapper > a:nth-child(2) > img.cloudcarousel' ).css({opacity:1});
 $('#acc_95.ari-cloud-carousel > div.ari-cloud-carousel-iwrapper > a:nth-child(3) > img.cloudcarousel' ).css({opacity:0.7});
}
}
setInterval(checkRotate,800); 
 */


this works fine when the picture is sent to front via navigation arrows or via auto rotate, but via mouse wheel not.
Last Edit: 2015/01/09 02:48 By ZAJDAN.
The administrator has disabled public write access.
 
#52876
Re:when/how items get class .active ? 2 Years, 9 Months ago Karma: 666
Hello,

"active" class is set for a front image. It doesn't depend on action which causes images rotation, the class will be set for front image in any case.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#52879
Re:when/how items get class .active ? 2 Years, 9 Months ago Karma: 0
aha ...the problem will be probably, that when I rotate via mouse wheel, so the picture in not exactly in the middle and doesn't get class .active
Last Edit: 2015/01/09 04:40 By ZAJDAN.
The administrator has disabled public write access.
 
Go to topPage: 1