is it possible to convert/edit apple-like jquery slider to support iframes?

[epluth]

I’m trying to add iframe support so I can insert video in certain parts of the slider. I am comfortable with css, but am not very in JS. The plugin I am using can be found here: http://tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/

Is it possible to edit the js, and if so, how would one go about doing so? Or should I just redesign using the anything slider Chris did a write-up on?

[Senff]

This looks like a standard-ish slideshow, the only thing that makes it more Apple is because of the graphics, no?

Anyway, if you look in the tutorial, whatever’s needed in the slides is placed between

and , so something like this should work:

You don’t need to edit the JS, since you can just put any HTML you like in the slide divs.

[epluth]

Thanks for the quick reply. I’ve tried simply adding the iframe tag, which does load, but the thumbnail navigation disappears. Which made me think it had something to do with the js.

[Senff]

Well, it’s possible that you didn’t close the iframe, or indeed that the JS does something funky with it….but following the tutorial, it should be possible.

If you can, perhaps post your page online (one with and one without an iframe) so we can check what could be wrong?

[epluth]

Hmm – you would be correct. It appears closing manually works, while the usual self-closing tag I copy/pasted from above does not.

Either way, thanks very much Senff!

[Author]

Posts