Skip to main content
M
Mobos
Known Participant
August 24, 2017
Answered

Animated images

  • August 24, 2017
  • 5 replies
  • 1053 views

Hello, I don't know if this question belongs to this forum-section, but .....

I have a intro-page (EVISSI ) and would like to have the images full screen, from top to bottom, responsive. Anyone any suggestions?

This topic has been closed for replies.
Correct answer osgood_

Mobos  wrote

Hi EbaySeller and Nancy,

Thanks for your answers, I always like to learn, so whatever you mention ... it's worthwhile thinking it over!!

I used the quick and dirty way and that works perfect!!

The only funny thing is that if one clicks on the "back-arrow" in the browser-field not the total page with 4 slides is shown, but only the image/div/slide on which is clicked in the beginning. Hmmmmm???

Change your pages opening <body> tag to below, see if that makes a difference.

<body onbeforeunload="location.reload(true);">

5 replies

M
MobosAuthor
Known Participant
August 29, 2017

One more attempt (before I give up, hihi) .... EVISSI In this version I thought it would be handy that on tel/pad there would be an other intro, so I hide the div (style-intro.css) But .... it doesn't work!

Anyone any idea??

M
MobosAuthor
Known Participant
August 28, 2017

Hmmmmm, it wasn't the JS, the default is in the div of the logo. Instead of the external css EVISSI   I put in in the head EVISSI  It works now on iPhone, but not on pad????

The logo also isn't responsive (the rest is)??

M
MobosAuthor
Known Participant
August 26, 2017

Hi EbaySeller and Nancy,

Thanks for your answers, I always like to learn, so whatever you mention ... it's worthwhile thinking it over!!

I used the quick and dirty way and that works perfect!!

The only funny thing is that if one clicks on the "back-arrow" in the browser-field not the total page with 4 slides is shown, but only the image/div/slide on which is clicked in the beginning. Hmmmmm???

O
osgood_Correct answer
Legend
August 27, 2017

Mobos  wrote

Hi EbaySeller and Nancy,

Thanks for your answers, I always like to learn, so whatever you mention ... it's worthwhile thinking it over!!

I used the quick and dirty way and that works perfect!!

The only funny thing is that if one clicks on the "back-arrow" in the browser-field not the total page with 4 slides is shown, but only the image/div/slide on which is clicked in the beginning. Hmmmmm???

Change your pages opening <body> tag to below, see if that makes a difference.

<body onbeforeunload="location.reload(true);">

M
MobosAuthor
Known Participant
August 27, 2017

Thanks, that works great!!

It doesn't work on my phone and pad, but that would be of the JS Nancy mentioned.

M
MobosAuthor
Known Participant
August 24, 2017

Hi Nancy,

Thanks for your answer!

It is not the background of the page, but the images of the tastes (pink, green, red, green fruit) that I want to have responsive from top to bottom. I tried to set the height to 100%, but that didn't work.

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
August 24, 2017

Like I said, your Accordion and the content inside it does not cover 100% of page.   To illustrate, but a border around it.  Only the BODY covers the whole page.

Nancy

Nancy O'Shea— Product User & Community Expert
M
MobosAuthor
Known Participant
August 25, 2017

Couldn't work that out In the meanwhile I found this .... EVISSI  but now I'm working on how to make a link to an other webpage instead of the full image ....

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
August 24, 2017

If you want full-page backgrounds, put them in your CSS body selector.  See screenshot.

Right now, your accordion height & width is constrained to 750px by 1080px. 

Nancy O'Shea— Product User & Community Expert
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices