WebSite X5Help Center

 
Knud N.
Knud N.
User

Gallery problem in responsiv V12  en

Auteur : Knud N.
Visité 2145, Followers 1, Partagé 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

Posté le
22 RéPONSES - 1 CORRECT
Knud N.
Knud N.
User
Auteur

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.

Lire plus
Posté le de 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!

Lire plus
Posté le de Claudio D.
Knud N.
Knud N.
User
Auteur

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.

Lire plus
Posté le de Knud N.
Knud N.
Knud N.
User
Auteur

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

Lire plus
Posté le de Knud N.
Knud N.
Knud N.
User
Auteur

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

Lire plus
Posté le de Knud N.
Knud N.
Knud N.
User
Auteur

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

Lire plus
Posté le de Knud N.
Knud N.
Knud N.
User
Auteur

Any suggestions ?

Lire plus
Posté le de Knud N.
Knud N.
Knud N.
User
Auteur

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.

Lire plus
Posté le de Knud N.
Knud N.
Knud N.
User
Auteur

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

Lire plus
Posté le de 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.

Lire plus
Posté le de Riccardo P.
Knud N.
Knud N.
User
Auteur

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 ?

Lire plus
Posté le de Knud N.
Knud N.
Knud N.
User
Auteur

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 ?

Lire plus
Posté le de Knud N.
Knud N.
Knud N.
User
Auteur

I use also Chrome Version 50.0.2661.94 m

Any suggestions ?

Lire plus
Posté le de 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.

Lire plus
Posté le de Esahc ..
Knud N.
Knud N.
User
Auteur

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

Lire plus
Posté le de Knud N.
Knud N.
Knud N.
User
Auteur

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.

Lire plus
Posté le de 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!

Lire plus
Posté le de Claudio D.
Knud N.
Knud N.
User
Auteur

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

Lire plus
Posté le de 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!

Lire plus
Posté le de Claudio D.