Known Participant

Answered

Animated images

12 replies
1088 views
Translate

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 is closed to new replies. Start a new post to keep the conversation going.

O

osgood_Correct answer

Legend

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.

M

MobosAuthor

Known Participant

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??

Translate

M

MobosAuthor

Known Participant

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)??

Translate

M

MobosAuthor

Known Participant

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???

Translate

O

osgood_Correct answer

Legend

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.

Translate

M

MobosAuthor

Known Participant

Thanks, that works great!!

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

Translate

M

MobosAuthor

Known Participant

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.

Translate

Nancy OShea

Community Expert

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

Translate

Nancy O'Shea— Product User & Community Expert

M

MobosAuthor

Known Participant

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 ....

Translate

Nancy OShea

Community Expert

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.

Translate

Nancy O'Shea— Product User & Community Expert

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.