WebSite X5Help Center

 
John S.
John S.
User

Example of "seamless" resizing for row-format slideshow  en

Autor: John S.
Visitado 1864, Seguidores 1, Compartilhado 0  

It is possible to make a row-format image or slideshow automatically and seamless adapt to a resized screen, and to have the height adapt as the witdh is changed.

It can be done by having a png image on top of it.

Example here :

http://bramminginfo.dk/kikkenborg.html and here http://bramminginfo.dk/riber-kergard.html

And an example how it looks when a text-object is on top and then resizing does not function so well.

http://bramminginfo.dk/s.-knuds-kirke.html  ( not very adaptive )

As it can be made with a png, it can be made transparent. I have made a text and also a mouse-over effect. It could have been made pure transparent with no text. And it could have been made with no mouse over effect.

This is just to show an easy way to have a row-format "slideshow" be fully adaptive. 

Publicado em
9 RESPOSTAS
Tom G.
Tom G.
User

Very interesting and nice page, Guiseppe!

Is the object you mentioned still available? I cannot find it by "Content Slider" name...

Ler mais
Publicado em de Tom G.
John S.
John S.
User
Autor

Very nice Giuseppe.

I have used much the same code here http://bramminginfo.dk/museet.html where it is used to keep the aspect ratio for the iframe.

But for my example in the first post NO CUSTOM CODE is needed. I think this could be interesting for users that do not want to use extra code.

Ler mais
Publicado em de John S.
Andre E
Andre E
Moderator

The contant slider is a free standard object that has been added recently.

Ler mais
Publicado em de Andre E
Giuseppe Guida
Giuseppe Guida
User

The Content Slider is a free widget available in the list of all Objects.

you must search for it among the main objects available for the composition of the page

Ler mais
Publicado em de Giuseppe Guida
John S.
John S.
User
Autor

I made this thread just to tell users with none or little knowledge to html/CSS, how it is possible to make images/slideshow in row-formats adaptive without special code.

I think that the actual participants is not the audience for my intentions wink

Ler mais
Publicado em de John S.
Andre E
Andre E
Moderator

They will find the thread anyway John, you gave it a good title.

Ler mais
Publicado em de Andre E
Tom G.
Tom G.
User

@Andre E.

Can't find it (WSX5 Pro 17.1.2)

DOn't have that Page main Objects category...

Ler mais
Publicado em de Tom G.
Andre E
Andre E
Moderator

@ Tom,

The main page content filter is only available on step 4 itself, it is not in the manage button section.

The object has been added in V19 in the latest version. I don't think it is available in older versions.

So if you realy want it you need to update if you dano't have v19.

Check top right pulldown, offers for you..... or use John's methode.

Best Regards,

Ler mais
Publicado em de Andre E