Ask your JavaScript questions! Pay money and get answers fast! (more info)

Supersized Slideshow with an Iframe? JavaScript

Hello,

This is a follow up to Christianto's answer on how to add YOUTUBE and VIMEO functionality to Supersized Slideshow. Is it possible to display non-local webpages in the slideshow by either using AJAX or an iframe?

This would be a great solution for displaying a portfolio of different webpages.

Answers (1)

2013-05-07

Christianto answers:

Hi Noahsvan,

Please check this
https://www.dropbox.com/s/ml9xe8bck3h226d/slideshow2.zip

you can add type "URL" to slides object:
slides : [ // Slideshow Images
{type:'URL', url :'http://www.example.com'},
{type:'URL', url :'http://www.javascriptquestions.com'},
{type:'YOUTUBE', video_id : "zjCiP16wSGI", title : 'Fun Video !', thumb : 'http://b.vimeocdn.com/ts/185/416/185416838_200.jpg'},
{type:'IMAGE', image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-1.jpg', title : 'Image Credit: Maria Kazvan', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/kazvan-1.jpg', url : 'http://www.nonsensesociety.com/2011/04/maria-kazvan/'},
],


Noahsvan comments:

I'll test this out today and let you know, thanks!


Noahsvan comments:

I've be trying to get this to work.
Functional but still buggy. Sometimes, especially when using the keyboard for navigation, the youtube video overrides the other pages. It will load on when the page should be on the 2nd webpage. Any ideas?