Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your 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.

  • 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.


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?

Nav buttons are working in the opposit direction
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Nav buttons are working in the opposit direction
#16802
Nav buttons are working in the opposit direction 12 Years, 10 Months ago Karma: 0
Right button ">" should not rotate carousel in the clockwise but it does

Left button "<" should turn in a clockwise but it turns it in the opossite direction.


In which way can I change it?

I should mention that my carousel is horizontal oriented.
Last Edit: 2011/07/02 14:40 By duchnowski.
The administrator has disabled public write access.
 
#16808
Re:Nav buttons are working in the opposit direction 12 Years, 10 Months ago Karma: 748
Hello,

If you want to change direction of carousel navigation buttons, add the next CSS rules to "CSS Styles" parameter in module settings:

Code:


{$id}_wrapper .ari-cloud-carousel-left
{
  float: right;
  background-image: url(modules/mod_aricloudcarousel/mod_aricloudcarousel/js/themes/default/images/rotate-right.png);
}
{$id}_wrapper .ari-cloud-carousel-right
{
  float: right;
  background-image: url(modules/mod_aricloudcarousel/mod_aricloudcarousel/js/themes/default/images/rotate-left.png);
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#16852
Re:Nav buttons are working in the opposit direction 12 Years, 10 Months ago Karma: 0
Hello,

firstly thanks for Your reply.
Your tip seems to work but I have a small problem with this.
After applying the tip I received my navigation buttons become invisible. Remain in the same place where they were, but became invisible. When I move the mouse indicators to place where the buttons should be I can click and carousel rotates in the proper direction now.
I will be grateful for further hints.

Regards.

I should add that I changed the look of navigation buttons by saving new files.
My new buttons graphic files I savad under the same name (rotate-right.png, rotate-left.png) in the same path (modules/mod_aricloudcarousel/mod_aricloudcarousel/js/themes/default/images/) and have the same pixel size as the original (40x80).
I don't know whether it has any meaning but my new buttons were previously visible.
Last Edit: 2011/07/04 10:04 By duchnowski.
The administrator has disabled public write access.
 
#16853
Re:Nav buttons are working in the opposit direction 12 Years, 10 Months ago Karma: 748
Provide link to page where we can see the problem.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#16854
Re:Nav buttons are working in the opposit direction 12 Years, 10 Months ago Karma: 0
My page is now installed locally on my computer, move it to the server will take me some time...

I can attach screenshots if it helps...?
Last Edit: 2011/07/04 10:07 By duchnowski.
The administrator has disabled public write access.
 
#16866
Re:Nav buttons are working in the opposit direction 12 Years, 10 Months ago Karma: 0
ok, I found a simple solution

First I used the changed code from the first reply:

Code:


{$id}_wrapper .ari-cloud-carousel-left
{
  float: right;
  }
{$id}_wrapper .ari-cloud-carousel-right
{
  float: right;
  }



After that I saw that the buttons appeared on the carousel but they were swapped (left was at right position and right was at left)...

So... I just changed the names of graphic files:
original name: "rotate-left.png" was changed into: "rotate-right.png"
original name: "rotate-right.png" was changed into: "rotate-left.png"

Thanks for Your tip.

Regards.
The administrator has disabled public write access.
 
Go to topPage: 1