Full width Slidshow ?

[John Young]

Just wondering how I can make my slideshow fill the screen width ?

I have tried to stretch it but it says "Widgets cannot be stretched"


Thanks for any help

[siran]

You can stretch almost anything using some CSS and JavaScript.
See example xar file. ( visible here )
There is some code and CSS at the page HTML code (head) and the widget has the name htmlclass=xw_stretch applied, that's all.

[siran]

Ooops, forgot to remove the logging.
please remove the line
console.log(scale);
from the code.

[Acorn]

You can stretch almost anything using some CSS and JavaScript.
See example xar file. ( visible here )
There is some code and CSS at the page HTML code (head) and the widget has the name htmlclass=xw_stretch applied, that's all.

siran, nice piece of work.

I added a Stickie object in front and all is fine.
I also checked fi you drop a hi-res iamage into the Widget images pages, although is rendered 600x400 px normally, scaling shows it is fine for a full width browser view.
The downside will be the download time for the effect to occur so, use sparingly.

I moved the Widget to the Pasteboard and the stretch and origin are off (naturally).
Any chance you can produce a variant for a full-width background?
I could but you are clearly in the groove on this one.

Acorn

[Acorn]

siran, one other small point.
The origin offset is out when the browser has a vertical scrollbar.

Acorn

[siran]

Acorn, please feel free to improve it. Otherwise you will have to wait at least until tomorrow.

[Acorn]

Acorn, please feel free to improve it. Otherwise you will have to wait at least until tomorrow.

siran, your coding is far cleaner than mine. We all can wait longer than tomorrow! Don't take it on as an obligation either.

Acorn

[John Young]

Thank you for the help ...... but I am no coder and very new to Xara so you lost me

[roly]

You can stretch almost anything using some CSS and JavaScript.
See example xar file. ( visible here )
There is some code and CSS at the page HTML code (head) and the widget has the name htmlclass=xw_stretch applied, that's all.

Hi, this works just great, is there any similar code that you can add to a picture to stretch it full page? (Not in a Nivo slider). This would be to use instead of stretchy in XWD11P or 365, for instance in XWD10P.

Thank you

Roly

[John Young]

You can stretch almost anything using some CSS and JavaScript.
See example xar file. ( visible here )
There is some code and CSS at the page HTML code (head) and the widget has the name htmlclass=xw_stretch applied, that's all.

Can anyone tell a Xara newbie how to use this code ??