WebSite X5Help Center

 
Dan P.
Dan P.
User

IPAD or IPHONE page background zoom  en

Autor: Dan P.
Besucht 3435, Followers 1, Geteilt 0  

Hi,

Here is the site I will be discussing below:

http://www.tengudriftclub.com

Exported X5 Evolution 9 site to the "iwzip" format then imported into X5 Evolut10n and all went well except for the background.

When I viewed the X5 Evolution 9 version the background scrolled and fit my
IPHONE and IPAD nicely and my bounce right Gallery Object bounced nicely. Now when I updated my site using X5 Evolut10n the background now will not auto adjust and fit the page but will zoom to some section of my background. My bounce right Gallery Object no longer works and just switches. It would appear the code was updated to manage the background differently on Evolut10n vs Evolution 9.

Here is my settings on Evolut10n:

Page Background setting

Here is my settings on Evolution 9

Page Background setting

My Page Creation using Objects Gallery/Classic Slideshow/Effect Bounce right would bounce my image nicely on IPAD or IPHONE but now with Evolut10n the images just switch and not bounce. Using the regular Desktop browsers like Firefox or Google Chrome all looks great.

I would like to know how to fix this? I may have to go back to Evolution 9 to get my Slideshow effects and background fit to page working again.

Here is my gallery object Evolution 9 settings:

Gallery Object Evolution 9

Here is my gallery object evolut10n settings:

Gallery Object

Anyone know what I might be doing wrong?

Gepostet am
8 ANTWORTEN
Incomedia
Claudio D.
Incomedia

Hello Dan,

We checked the background and it was shown correctly on mobile devices. About the bounce effect we will verify why it is not working and it has a normal transition.

Many thanks!

Mehr lesen
Gepostet am von Claudio D.
Dan P.
Dan P.
User
Autor

Hi Claudio,

Thank you for your response. This is the image that needs to fit nicely on your mobile device. The Japenese wording to the left and the right of the image must be fully visiable when everything fills the IPHONE and IPAD screen. Again, this all views well on Evolution 9 but not on Evolut10n.

background

Note: Please bear in mind on my IPHONE and IPAD only zoomed in section of the image will show up and not scroll. On my Evolution 9 the background stays fixed and the page content will scroll nicely on my IPHONE and IPAD. Now all this is no longer the case with Evolut10n release. I am in the process of updating my Evolution 9 pages to re-release and wait for a fix for Evolut10n.

Thank you again for your support in advance.

Mehr lesen
Gepostet am von Dan P.
Dan P.
Dan P.
User
Autor

I am looking at my IPAD now and break down the following differences seen between Evolution 9 vs Evolut10n:

Home page

  • background looks good and fills the screen but my image Object Gallery will not bounce left.

Video page

  • Background will not fill in nicely but will zoom into the ying yang at the top of the background image. The background will also not stay fixed and the page content scroll. Both the background and page content move together. This is not the case with the Evolution 9.

Events page

  • background looks good and fills the screen nicely but background will not stay fixed and page content scroll.

Tech page

  • Similar to Video page - Background will not fill in nicely but will zoom into the ying yang at the top of the background image. The background will also not stay fixed and the page content scroll. Both the background and page content move together. This is not the case with the Evolution 9.

Hobby shops page

  • background looks good and fills the screen nicely but background will not stay fixed and page content scroll.

Members page

  • background looks good and fills the screen nicely but background will not stay fixed and page content scroll.

Links page

  • Similar to Video page - Background will not fill in nicely but will zoom into the ying yang at the top of the background image. The background will also not stay fixed and the page content scroll. Both the background and page content move together. This is not the case with the Evolution 9.

Blog page

  • Similar to Video page - Background will not fill in nicely but will zoom into the ying yang at the top of the background image. The background will also not stay fixed and the page content scroll. Both the background and page content move together. This is not the case with the Evolution 9.

See if your IPHONE and IPAD reveal the same behavior indicated above.

Thanks,

Mehr lesen
Gepostet am von Dan P.
Incomedia
Claudio D.
Incomedia

Hello Dan,

Can you please send me a screenshot of how it appears on your iPad?

Many thanks!

Mehr lesen
Gepostet am von Claudio D.
Dan P.
Dan P.
User
Autor

Hi Claudio,

Here is a screen shot of every link starting with the home page. Please keep in mind the page links home, events, , hobbyshops, and members view properly but the rest do not. The other issue is the background scrolls with the page content instead of staying fixed and page content scrolling only. On a regular Windows browser all looks good.

home

video

events

tech

hobby shop

gallery

members

links

blog

Mehr lesen
Gepostet am von Dan P.
Dan P.
Dan P.
User
Autor

Here is how my background looks on my Windows Firefox browser which is accurate and every background page looks like this and background fills the screen and stays fixed while the page content scrolls.

In Evolution 9 all worked well. I will update my Evolution 9 content to the latest updates on Evolut10n and re-update my site to show the differences.

desktop

Mehr lesen
Gepostet am von Dan P.
Dan P.
Dan P.
User
Autor

Okay, I just discouvered what might be the issue here with the background.

In Evolution 9 the way the background image fills the screen is by using java code in the header of every page without any html css code in the styles/template.css:

<script type="text/javascript">x5engine.imQueue.push_init('x5engine.imBgStretch(\'style/bg.jpg\', true)',false);</script>

But Evolut10n it uses CSS code plus Java code on every page:

<script type="text/javascript">x5engine.imQueue.push_init('x5engine.imBgStretch(\'style/bg.jpg\', true)',false);</script>

styles/template.css

html {
position: relative;
margin: 0;
padding: 0;
background-color: #000000;
background-image: url('bg.jpg');
background-position: left top;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;

}

I wonder if the css pluse the java code is messing things up?

I will remove the css html code and see if this fixes things.

Mehr lesen
Gepostet am von Dan P.
Incomedia
Claudio D.
Incomedia

Hello Dan,

If you remove the css code the background will no more be visible. What is happening is that the content is adapted to occupy all the possible space so that it can be read better on smaller devices because in past it was necessary to zoom or move the page to read better the content and so it is automatically adapted and this allows a better view on these devices.

If you require any further information, please feel free to write back.

Mehr lesen
Gepostet am von Claudio D.