Gallery problem in responsiv V12
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
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.
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!
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.
Auteur
I use windows7 test be in IE11, Crome, Safari and Opera. They all show the same,,, it affects the gallery function
Auteur
Can the calendar script be adjusted on some way so it still works and not affects the gallery function ?
Hello Knud,
there is a object HTML in this page http://sommerhus.me/german/villa_isabella.html
The code is not correct, please remove it and the personal CSS then esport the site and verify.
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
Auteur
Any suggestions ?
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.
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
Auteur
Ups the url be wrong here it is: http://ferienhauserprivat.dk
X
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.
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 ?
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 ?
Auteur
I use also Chrome Version 50.0.2661.94 m
Any suggestions ?
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.
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
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.
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!
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
Auteur
Sorry url is http://sommerhus.me
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!