Is there any way to change the pages of slide on the click of a externally added button?
I mean how can I trigger the change of a slide, with the click of an external button.
On click of Button 1 the view changes to slide 1
On click of Button 2 the view changes to slide 2
On click of Button 3 the view changes to slide 3
Try the slideshow changeSlide() function. There is example code in the reference.
Hi,
You can interact with elements that are placed inside a slideshow as if they are placed inside the page.
$w('#image1').src = 'someurl.com/image.jpg'
I am not sure if this thread is still active but I suppose this solution can be useful for someone trying to do the same. Thus posted it here.
You can use the below code for performing the captioned task.
My full slider has 3 slides. I have inserted buttons respectively on each of the slides and have hidden the default arrows in the slider.
slide3home = Home button inserted in slide 3
slide3woman = Woman button inserted in slide 3
Have defined the above logic respectively in all 3 slides
The numbering for slide to use as reference is similar to python i.e.
0 = Slide 1
1 = Slide 2
2 = Slide 3
Depending on how many slides you have you will have to use the reference for slides starting from 0.
export function slide3home_click(event) {
$w( “#fullWidthSlides1” ).changeSlide( 0 )
}
export function slide3woman_click(event) {
$w( “#fullWidthSlides1” ).changeSlide( 1 )
}
export function slide2man_click(event) {
$w( “#fullWidthSlides1” ).changeSlide( 2 )
}
export function slide2home_click(event) {
$w( “#fullWidthSlides1” ).changeSlide( 0 )
}
export function slide1woman_click(event) {
$w( “#fullWidthSlides1” ).changeSlide( 1 )
}
export function slide1man_click(event) {
$w( “#fullWidthSlides1” ).changeSlide( 2 )
}
You can view the same here: https://maveristic.wixsite.com/designerclothes
thank you 