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?

mouse over image in carousel
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: mouse over image in carousel
#48872
mouse over image in carousel 3 Years, 6 Months 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
Last Edit: 2014/04/11 03:04 By ZAJDAN.
The administrator has disabled public write access.
 
#48874
Re:mouse over image in carousel 3 Years, 6 Months ago Karma: 667
Hello,

You can use a browser's console or add-on like FireBug for FireFox browser to debug your custom code.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#48920
Re:mouse over image in carousel 3 Years, 6 Months 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
The administrator has disabled public write access.
 
#48921
Re:mouse over image in carousel 3 Years, 6 Months ago Karma: 667
We can recommend to debug your code to find an error.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#48922
Re:mouse over image in carousel 3 Years, 6 Months 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
The administrator has disabled public write access.
 
#48923
Re:mouse over image in carousel 3 Years, 6 Months ago Karma: 667
The carousel doesn't trigger any event for rotation.

Regards,
ARI Soft
The administrator has disabled public write access.
 
Go to topPage: 12