ARI Soft - when/how items get class .active ?

Home

News

Forum

About Us

Demos

Products

F.A.Q.

Featured Demos

ARI Smart Content demo

ARI Quiz demo

WordPress Quiz plugin

WordPress Lightbox plugin

e-mail: info@ari-soft.com

Shopping Cart

You currently have 0 items in your cart.

Show Cart

Recent Events

31/12/2023 New Year SALE

We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.

more...
21/11/2023 BLACK FRIDAY 23 is coming

BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.

more...

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

Welcome, Guest
Please Login or Register. Lost Password?

ARI Soft Forum

Joomla components

ARI Cloud Carousel

when/how items get class .active ?

(1 viewing) (1) Guest

Page: 1

TOPIC: when/how items get class .active ?

Forum Tools

#52873

when/how items get class .active ? 9 Years, 3 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.

ZAJDAN

Last Edit: 2015/01/09 09:48 By ZAJDAN.

The administrator has disabled public write access.

#52876

Re:when/how items get class .active ? 9 Years, 3 Months ago	Karma: 747
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

admin

The administrator has disabled public write access.

#52879

Re:when/how items get class .active ? 9 Years, 3 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

ZAJDAN

Last Edit: 2015/01/09 11:40 By ZAJDAN.

The administrator has disabled public write access.

Page: 1

Useful Links