Full Screen Slider that Scales to Browser

[folivio]

I've done a number of searches in the forum but can't seem to find anything about a full width gallery or slideshow or slider that would scale to fit the size of the browser window.

I'm new to Xara Web Designer 10 Premium. I have a number of site I need to recreate using the new responsive capability in Xara. Most of the sites are graphic intensive and most include what's called Vegas Slideshow, a full width widget that scales proportionately as the browser window is resized.

Does anyone know how I can incorporate this feature into a Xara website?

Here are a couple sites I've created using the full width slideshow widget.
tommybrandt.org
chareewhite.com
folivio.com

Frank Olivio

[steve.ledger]

Here's something I put together some months back, maybe this is what you're after?

► http://xara-users.magix.net/public/fsbss/

[folivio]

Steve,

That works beautifully! Thanks so much. It's just like the code I used on my other sites.

I have a couple questions if you don't mind.
1. I'm getting a black bar across the top of the page when I preview it in any of the browsers I have installed. It scales and eventually disappears as I reduce the size of the browser window. Any thoughts?
2. If I need to remove a photo from the slider, I'm thinking I can just remove the filename from the list of images on the code, but how do I remove the actual photo? DO I remove it from the folder I originally loaded it from?

Thanks again, you made possible the one feature that had kept me from changing my sites sooner.

Frank Olivio

[steve.ledger]

[1] I don't know, Frank - I haven't seen that.
[2] Yes.

[folivio]

Steve,

My fault...I forgot I added the black bar to the top when I originally setup the images for my old site. I did it so the top 80 pixels of the images would not be lost under the menu bar.

Thanks again for you help and for taking your time to lend a hand.

Frank Olivio

[Citywolf]

Steve,

In the instructions it reads, "Repeat to add the jquery.backstretch.js." Does that mean add an additional shape to the pasteboard or to just add the .js file to the existing shape in the same manner as the images were added?

Thanks for the help. Great Xara addition.

Dan

[steve.ledger]

Existing shape, though you can use another shape just for the .js, makes no difference.

[Skybeacon]

Thank you so much for this script. Very grateful.

[sadicus]

Full screen, dynamic background.
@ Steve.ledger
That code works great! Is there a version like this code that will play video as the background?

[maksimon]

Full screen, dynamic background.
@ Steve.ledger
That code works great! Is there a version like this code that will play video as the background?

+1