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?

Custom Button to trigger events
(1 viewing) (1) Guest
Go to bottomPage: 123
TOPIC: Custom Button to trigger events
#22795
Custom Button to trigger events 12 Years, 3 Months ago Karma: 0
hi, how are you doing? here is my challenge .....

on one page I have two instances of the module (ari slider) running. first of all, because of the our specific setup, the bottom menu are disabled; second of all, as I notice, each slider has their own "left" and "right" button to go forward and backward ... which I need that.

this is what I am trying to do ....

I am trying to create a set up "left" and "right" buttons somewhere on the page, and I was trying to use these two button to direct turn both sliders at the same time, i.e. when I press the new "left" (or "right"), both slider will receive the javascript commend to turn the pages.

i.e. one mouse click to trigger two functions (one for each slider)

here is my problem .....

I am not able to track down what functions does your "left and right" button trigger

can you help me out?
The administrator has disabled public write access.
 
#22803
Re:Custom Button to trigger events 12 Years, 3 Months ago Karma: 746
Hello,

If navigation buttons are enabled in sliders (next and prev buttons), the next HTML code can be used to add custom navigation buttons:

Code:


<a href="#" onclick="(jQueryARISlider || jQuery)('.ari_slider_left').click(); return false;">Prev</a> <a href="#" onclick="(jQueryARISlider || jQuery)('.ari_slider_right').click(); return false;">Next</a>



Regards,
ARI Soft
The administrator has disabled public write access.
 
#22821
Re:Custom Button to trigger events 12 Years, 3 Months ago Karma: 0
I tried, but it hasn't worked yet.

my next questions would be

1) can I place the following code anywhere I want in the page? including ourside of the slider div?

2) like I said earlier, I have 2 sliders module going on in one page; and I am trying to create custom buttons to trigger both sliders to slide at the same time, i.e. .... let say I click on the custom left button, I would like to see both individual sliders to move to their previous slides at the same time; same for the right button

any idea? once again, thank you so much for your help!!
The administrator has disabled public write access.
 
#22822
Re:Custom Button to trigger events 12 Years, 3 Months ago Karma: 746
We tested provided code on our testing server and it works fine. Provided HTML code can be placed in any place on a page, it just requires that navigation buttons are enabled in sliders. Could you provide a link to a page where we can see sliders and our custom code?

Regards,
ARI Soft
The administrator has disabled public write access.
 
#22823
Re:Custom Button to trigger events 12 Years, 3 Months ago Karma: 0
ok, here it is ..... please be forewarned, codes are quite messy, planning on cleaning things up once making it work


mvcaog.net/home
The administrator has disabled public write access.
 
#22824
Re:Custom Button to trigger events 12 Years, 3 Months ago Karma: 746
Use the following code:

Code:


<a href="#" onclick="(window.jQueryARISlider || jQuery)('.ari_slider_left').click(); return false;">Prev</a> <a href="#" onclick="(window.jQueryARISlider || jQuery)('.ari_slider_right').click(); return false;">Next</a>

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