WebSite X5Help Center

 
John U.
John U.
User

Parallax full page  en

Autore: John U.
Visite 4593, Followers 2, Condiviso 0  

How to make a parallax website like this homepage http://www.websitex5.com/en/

I need to segment it section and let the image extend from left to right. The current parallax does not stretch one image from left edge to right edge.

Any Idde?

Postato il
15 RISPOSTE - 4 UTILI
Esahc ..
Esahc ..
Moderator

John

This post lays out a tutorial on parallax background.

https://helpcenter.websitex5.com/it/post/159924

However, all you need to do is layout your page, then on step 4 Pages, click on the Row Formats icon, link together the cells you wish to "float" above the image, select image, extend to width of browser, turn on parallax.

Have fun.

Leggi di più
Postato il da Esahc ..
John U.
John U.
User
Autore

Thanks for the information that you provided. I have followed it sequentially and it works but i have the following issues:

1) How can i make Jssor slider parallax, extending the width to the broswer window. I mean reaching the full left and right edge of the screen.

Kindly let me know how that can be applied.

Leggi di più
Postato il da John U.
Esahc ..
Esahc ..
Moderator

John, perhaps someone more familiar with Jssor slider can assist, but to the best of my knowledge it cannot be set to browser width, only website page width. Parallax works great with an image on all devices. Movies look great on desktop with parallax and full browser width. I do not believe any slide shows are currently supported for parallax view at this time.

If I am wrong hopefully someone will correct me :-)

Leggi di più
Postato il da Esahc ..
John U.
John U.
User
Autore

I can't find any option to use slide for parallax view. many websites are doing it. Is there anyway to integrate it on incomedia professional?

Leggi di più
Postato il da John U.
Esahc ..
Esahc ..
Moderator

Since no one has contradicted me I suspect I am right.  At this time you cannot use any slide show in parallax view - you could however use a slide show to create a movie, and this could be used in parallax view :-)

Based on the inclusion and adoption of "website bling" by Incomedia, I am sure that in upcoming versions this will be an option.

As an interim measure, you could set the website page width in the template to something as wide or wider than most new monitors and set a slideshow effectively full width.

Leggi di più
Postato il da Esahc ..
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
John U.
I can't find any option to use slide for parallax view. many websites are doing it. Is there anyway to integrate it on incomedia professional?

(Translated by Google)
Excuse the translation and linguaggio.Non speak English. Perhaps we will be able to understand.
Slideshow full page  in the header you might get with a simple extra  free code of my own invention.
1) for the test, make a simple site with little content; with the top menu; with the empty header, transparent, and high 200 pixels; ... with this option:  Horizontal – Menu above the header;
2) realize the independent slideshow, with any service, wowslider, maximage2, jssor, Vegas, etcetera;
3) publish the site and post the link: www.sitename/
4) publish the slideshow with FTP Filezilla and post the link: www.sitename/slideshow/
-> Then, when I see the two links I will proceed with my instructions, free, no strings attached, with DIV_CUSTOM + Dynamic IFRAME, simple.
Greetings

(IT)
Scusa la traduzione ed il linguaggio.Non Parlo Inglese. Forse ci potremo capire.
Slideshow full page in header si potrebbe ottenere con semplice codice extra free di mia invenzione.
1) per la prova, realizzare un sito semplice con pochi contenuti; con il menu in alto; con l'intestazione vuota, trasparente, ed alta 200 pixel; ...con questa opzione:  Orizzontale - Menu sopra l'Header;
2) realizzare lo slideshow indipendente, con un servizio qualsiasi, wowslider, maximage2, jssor, vegas, eccetera;
3) pubblicare il sito e postare il link: www.nomesito/
4) pubblicare lo slideshow con FTP Filezilla e postare il link: www.nomesito/slideshow/
-> Poi, quando io vedrò i due link procederò con le mie istruzioni , free, senza vincoli, con DIV_CUSTOM + IFRAME dinamico, semplicissime.
Saluti

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Jamie B.
Jamie B.
User

hi

we are currently working out a tutorial for the jssor slider object for websitex5, this will also include how to make the slider full width.

regards

jamie

Leggi di più
Postato il da Jamie B.
John U.
John U.
User
Autore

How can i add jssor slider manually as parallax?

Secondly Esahc, how can I set the website page width in the template to something as wide or wider than most new monitors and set a slideshow effectively full width.Plz explain with snap shot

Leggi di più
Postato il da John U.
Esahc ..
Esahc ..
Moderator

John, my apologies! The information I provided is relative only to V13 (the parallax effect was first introduced in V13.

Since you are still using Version 10 you are limited to changing the width of your page, and if you exceed the size of a users monitor you stand the chance of having part of your page content cropped off. Responsive websites never came along until V12. You can of course have a full width background, but not a slideshow background (still true in V13).

In V13 you get many more options.  If you set your page width very wide you will still get a menu on smaller monitors (the so called toaster menu) and you can set up many header layouts to accomodate various display sizes. You have the option of setting a picture behind a group of cells and optionally making it parallax and/or full screen width, etc. You also get support from Incomedia if you need it (there is no longer support for V10).

My recommendation is to download the trial version of evo13 (or pro13 if you can justify it) and have a play with the features. It cannot natively do full screen parallax slideshows, but picturs work wonderfully. In your profile under offers you will see the cost of upgrading.

Apologies again for the misunderstanding.

Leggi di più
Postato il da Esahc ..
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
John U.
How can i add jssor slider manually as parallax? ... ...

(Translated by Google - I hope you can understand)
It is what I proposed myself in EXTRA.
One of my exclusive invention, free and easy, valid for all versions, if you are able to comply with 1,2,3,4 points; otherwise ignore what was said.wink
Consider what was anticipated by Esahc, the v.10 is obsolete, is not responsive, and > expired assistance.
Greetings, and Happy Easter to all.smile

(IT It)
E' quello che ti ho proposto io in EXTRA.
Una mia invenzione esclusiva, libera e semplicissima, valida per tutte le versioni, se sei in grado di ottemperare ai punti 1,2,3,4; altrimenti ignorare quanto detto.
Tenere in considerazione quanto anticipato da Esahc, la v.10 è obsoleta, non è responsive, ed è scaduta di assistenza.
Saluti, e Buona Pasqua a tutti.

*

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
John U.
John U.
User
Autore

Hi Esahc I already have Professional V13 purchase by friend. For Parallax no optiont to use Jssor slider rather we have

Colored

Gradient

Image

Video.

So if i want to make slider parallax full width how can I do that.

Leggi di più
Postato il da John U.
Esahc ..
Esahc ..
Moderator

John, as far as I know, the only way to achieve this parallax effect in "bog standard" WX5 is to turn the slide show into a movie, you could easily make the slider full monitor width by setting the page width to the width of the biggest monitor you can imagine, but you can't create the parallax view with text and or graphics floating above it.

Have you investigated KolAsim's advise? He is also a moderator and knows a great deal more than myself - check out his profile! (click on his avatar)

Leggi di più
Postato il da Esahc ..
John U.
John U.
User
Autore

Thanks for the info, i will setup a dummy page with slider and respond to KolAsim

Leggi di più
Postato il da John U.
Jamie B.
Jamie B.
User

Hi there is an alternative you could put in a background slider then just have the row you want the slider to appear to be transparent check out our demo here http://www.x5tuts.com/template/comila/

regards

jamie

Leggi di più
Postato il da Jamie B.