Question

I’m using simpleModal to display a picture slider on my website. The person would hit a button and the modal would pop up with the picture slider inside it. The problem is that I have another picture slider lower on the page. The picture slider only works once on a page. So if I put in the modal, the picture slider below it stops working. So, I made an HTML document that has just the picture slider on the page. How would I go about loading that HTML document inside the Modal window??

I’m using simpleModal for the modal
I’m using nivo-slider for the picture slider

Look on this page for the picture slider. <– That is the page that the modal with the slider in it will go in.
This is the page I want to load inside the modal.

Look here for an example of the slider inside the modal.

So yeah, the reason I’m doing all this is because nivo-slider won’t work twice on one page. So basically I’m looking for a workaround and this is what I thought of, but I don’t know how to do it.

Answer 1

this is a shitty fix, but just copy the js for nivo and rename the function. then apply that version of the slider to your modal.