WebSite X5Help Center

 
Knud N.
Knud N.
User

Gallery problem in responsiv V12  en

Author: Knud N.
Visited 1899, Followers 1, Shared 0  

Hallo can some helpe me.

Gallery problem with V12 in responsive mode.
When I have a ical synchronized calendar on the same page together with photos in an auto gallery. Problem is hang up the display of images in the gallery when I resize the screen.
Why disturb the calendar a simpel gallery in auto mode ?
I have much use for this calendar on my side have some of you a solution?
The calendar is this javascript placed in the HTML code field.

<script type="text/javascript" src="http://www.ferienhausmiete.de/verwalten/widgets/widgets.js?id=55426&lang=1&months=12&preview=36"></script><div id="ferienhausmiete-de-widget3-55426"><a href="http://www.ferienhausmiete.de/55426.htm" target="_blank">Villa Isabella in Vedersř</a></div>

Thanks in advance

Knud N

Posted on the
22 ANSWERS - 1 CORRECT
Knud N.
Knud N.
User
Author

More correctly is the gallery stop to be in responsive mode when I resize to viewport-2 (480 px) Why ? The calendar is shown okay.

Read more
Posted on the from Knud N.
Incomedia
Claudio D.
Incomedia

Hello Knud,

Can you please write me the link to the page you experience the issue and tell me on which browser and mobile devive you experience this issue?

If you remove your custom HTML code does it works correctly?

Many thanks!

Read more
Posted on the from Claudio D.
Knud N.
Knud N.
User
Author

Hello Claudio

You can see a test of the issue here.

http://sommerhus.me/german/Test/index.html

There are no custom HTML code there,,, only the calendar scripts, if you resize to 480 px the gallery stop to be in responsive.

Page1 showe the gallery without the calendar scripts.

Are there a work around of this behavior ?

Thanks in advance.

Read more
Posted on the from Knud N.
Knud N.
Knud N.
User
Author

I use windows7 test be in IE11, Crome, Safari and Opera. They all show the same,,, it affects the gallery function

Read more
Posted on the from Knud N.
Knud N.
Knud N.
User
Author

Can the calendar script be adjusted on some way so it still works and not affects the gallery function ?

Read more
Posted on the from Knud N.
Knud N.
Knud N.
User
Author

Hallo Riccardo

Now I have it on a clean page. hhtp://ferienhauserprivat.dk
There is no extra code.
You can see the calendar affects gallery during resize on the main page.
Page 1 is without the ( ical calendar scripts ) and the gallery works.

Be a little quick to figure out the problem because I here use a website to test in a little while of time.

Thanks in advance.

X

Read more
Posted on the from Knud N.
Knud N.
Knud N.
User
Author

Any suggestions ?

Read more
Posted on the from Knud N.
Knud N.
Knud N.
User
Author

Hello

Problem is still there on a clean page with no custom codes see it here

hhtp://ferienhauserprivat.dk     try to resize it.

the gallery does not work with calendar script on the same page. Is there any idea what is happening here and why?


But If I put the script into a HTML [removed] like this,  ( is that a good idea )?

<script>

if (screen.width <= 480){
    [removed] (--- here the calendar script that up over in my first post --- ) }

</script>

That does the gallery and calendar work on a smartphone but can not be seen in the preview.
Are there any other ways to work around?

Thanks in advance.

Read more
Posted on the from Knud N.
Knud N.
Knud N.
User
Author

Hello

Problem is still there on a clean page with no custom codes see it here

hhtp://ferienhauserprivat.dk     try to resize it.

the gallery does not work with calendar script on the same page. Is there any idea what is happening here and why???


But If I put the script into a HTML [documment.writee] like this,,,  ( is that a good idea )?

<script>

if (screen.width <= 480){
    documemnt.writee (--- here the calendar script that up over in my first post --- ) }

</script>

That does the gallery and calendar work on a smartphone but can not be seen in the preview.
Are there any other ways to work around???

I sent it again and I need to misspell doc--writing otherwise it be removed.

Thanks in advance.

X

Read more
Posted on the from Knud N.
Incomedia
Riccardo P.
Incomedia

Hello Knut,

thank you for your site,

i try with a new project and the gallery works correctly in responsive view, try open a new project, insert a new gallery and test it in responsive view. Let me know.

Read more
Posted on the from Riccardo P.
Knud N.
Knud N.
User
Author

Hallo Riccardo

Here is a new project the problem is still there see attached photo.

http://ferienhauserprivat.dk
When I reziser I see only a half picture in the gallery.

Gallery does not work with calendar script on the same page.

Can the calendar script be adjusted on some way so it still works and not affects the gallery function ?

Read more
Posted on the from Knud N.
Knud N.
Knud N.
User
Author

I have tried many many times with new project and remove all on the hoste and the same result, photos of the gallery is only half not responsive.   See on page 1, without calendar script there works the gallery.
I'm using Windows 7 and IE11 on my computer and hosting it on One.com.

http://ferienhauserprivat.dk
What should I do now ?

Read more
Posted on the from Knud N.
Knud N.
Knud N.
User
Author

I use also Chrome Version 50.0.2661.94 m

Any suggestions ?

Read more
Posted on the from Knud N.
Esahc ..
Esahc ..
Moderator

I suspect this will not be the answer you want, but why not stop using the calendar object?

I embed google calendar (a calendar attached to a gmail account) and never have issues.

Read more
Posted on the from Esahc ..
Knud N.
Knud N.
User
Author

I need this Ical calendar controle from an agency 1 month to smartphone in a responsiv new design. It is used along with a full annual calendar. It is my booking calendar will be run on multiple websites. The annual calendar do not affect the gallery.

It  works also together with this here a old design. http://ferienhaus-miete-privat.de

Google Calendar is not good / nice enough.

I'll try to test the jssor slider maybe it work. But it is bad the integrated gallery not work well.

X

Read more
Posted on the from Knud N.
Knud N.
Knud N.
User
Author

Ok no solution to the problem of the internal slider?
I will find another slider perhaps jssor !
In the meantime,  I user (docxxx.write) solution as mentioned above.

Read more
Posted on the from Knud N.
Incomedia
Claudio D.
Incomedia

Hello Knud,

Are you referring to http://ferienhauserprivat.dk/villa-isabella.html ?

On this page there are some custom HTML codes which are not correct and these could be probably the cause of your issue ( the "Detaljer" cell).

Try to correct the custom html code or remove it and then proceed to test it again.

Many thanks!

Read more
Posted on the from Claudio D.
Knud N.
Knud N.
User
Author

Hallo Claudio

I stop the test and to use the script in the url ferienhauserprivat this site work okay and is not responsiv.

That I do now is  I put the calendar script into a HTML [documment.writee] like this,,,,,  (  but is that a good idea,,, that work for me )?

You see it on this url:  http//sommerhus.me  You'l see a full years calendar in responsiv as well

<script>

if (screen.width <= 480){
    documemnt.writee (--- here I put the calendar script that up over in my first post --- ) }

</script>

That does the gallery and calendar can work together also on a smartphone but can not be seen in the preview and on a desktop only if you use a mobil you will se it work....But I do not know if it is stable and safe way to do it ??
Are there any other ways to work around?

Thanks for your time!

X

Read more
Posted on the from Knud N.
Incomedia
Claudio D.
Incomedia

Hello Knud,

It could depend on the script which can't be loaded correctly during the preview which causes the issue you experience. Probably it will work correctly only once loaded from your hosting space and the only way is in this case to upload it in a subfolder online so you can test it and then if you verified all to appear correctly to upload it in the main folder.

Many thanks!

Read more
Posted on the from Claudio D.