ARI Soft - mouse over image in carousel

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

mouse over image in carousel

(1 viewing) (1) Guest

Page: 12

TOPIC: mouse over image in carousel

Forum Tools

#48872

mouse over image in carousel 10 Years ago Karma: 0

hello,
just I am trying create js function which will show, hide, and so on some div

usually I use selector like this:

Code:

$('#acc_146.ari-cloud-carousel > div.ari-cloud-carousel-iwrapper > img.cloudcarousel:nth-child(1)').mouseover( function() 

{ alert("welcome"); }

);

and it works

but in another one carousel where I use links from ini file is one element more "a"
ok...I try:

Code:

$('#acc_95.ari-cloud-carousel > div.ari-cloud-carousel-iwrapper > a.cloudcarousel:nth-child(1) > img.cloudcarousel:nth-child(1)').mouseover( function()

{ alert("welcome"); }

);

doesn't works

ZAJDAN

Last Edit: 2014/04/11 09:04 By ZAJDAN.

The administrator has disabled public write access.

#48874

Re:mouse over image in carousel 10 Years ago	Karma: 747
Hello, You can use a browser's console or add-on like FireBug for FireFox browser to debug your custom code. Regards, ARI Soft

admin

The administrator has disabled public write access.

#48920

Re:mouse over image in carousel 10 Years ago Karma: 0

I take them back ...it was my mistake and now it work...
something else what I am trying now:

Code:

if ($('#acc_95.ari-cloud-carousel > div.ari-cloud-carousel-iwrapper > a > img.active').attr('src') == '/images/01/01_Z.png')  

{

 $('#G-text').hide("slide");

 $('#Z-text').show("slide");

 $("#testing").hide("slide");

};

I want to say, that if image in carousel will get status/class active and has attribut which equal some path then show, hide a few div's, but so far I can not get it works

ZAJDAN

The administrator has disabled public write access.

#48921

Re:mouse over image in carousel 10 Years ago	Karma: 747
We can recommend to debug your code to find an error. Regards, ARI Soft

admin

The administrator has disabled public write access.

#48922

Re:mouse over image in carousel 10 Years ago Karma: 0

done...

Code:

if ($('#acc_95.ari-cloud-carousel > div.ari-cloud-carousel-iwrapper > a.active > img.cloudcarousel.active' ).attr('src') == '/images/01/02.png')  

{

alert ('TEST')	

}

now is problem that the condition is performed just after load page....will be needed the script modify to some event handler which carousel do....
please can you say me what event handler is it when carousel rotates?

thank You

ZAJDAN

The administrator has disabled public write access.

#48923

Re:mouse over image in carousel 10 Years ago	Karma: 747
The carousel doesn't trigger any event for rotation. Regards, ARI Soft

admin

The administrator has disabled public write access.

Page: 12

Useful Links