Question

I have a question about how AJAX works, and what is needed to trigger a page load through it.

I want to have a separate page load in an iframe when a slideshow event called "vegaswalk" triggers:

The slideshow tools I’m using are a part of the vegas fullscreen slideshow; it can be downloaded from the makers site here [ http://vegas.jaysalvat.com/ ] if you’d like to play with it. The event is built in to the jQuery already- info is under the documentation–>slideshow path on the creator site.

Is this even possible? This is more a conceptual question rather than me asking for an example, but by all means if you want to write example code go ahead (I have close to zero experience attempting something like this).

Answer 1

From vegas slideshow:

$('body').bind('vegaswalk',
  function(e, bg, step) {
    alert( 'N°' +step+ ' is now displayed' );
  }
);

That’s how you detect when the slideshow changes. Then you can just set the src attribute on your iframe. I don’t think you really want to use AJAX if you’re displaying the page in an iframe you will basically (not exactly) achieve the same result as making an AJAX request and displaying the contents in a div.