I‘d like to display an image (png file) which pops up 5 seconds after page load.

The image needs to be linked to a landing page on my website.

There should be a way for the user to click on a spot of the image to make it disappear.

Once the image has been displayed once, it should not pop up again on other pages of the website.

Is there an easy way to do this?

So is this related to your question regarding a cookie banner?

The easiest way to do that would be to have the image as an overlay to the index page using some custom CSS to make it appear after a time delay, then fade out again when clicked by the user using some custom JS script and only make it do it once. If it's as an overlay to the index page only then it wouldn't appear on any other pages.

If however, it has something to do with the cookie banner, then you have to have it appear on all your pages until the user accepts it, then have it also set as a session cookie (JavaScript again) so it won't appear on any other pages, the reason for that is what if someone comes onto your website on a different page (as in they bookmark a specific page) you are required to show the cookie banner (or the image if thatscwhat it's for

Thank you very much for your quick response, Wayan!

Yes, I‘m not looking for a full-blown cookie solution. I just like to display a (relatively small) image for advertising a course on all pages (except the page of course). I implemented this with Website X5 resulting in this: chi-kung.org/en/.

Can you point me to a more detailed description of your recommended solution, if possible with a code example?

Thanks a lot
Thomas

I can do you a step by step video if you like

its 05:00 am here in Indonesia and my wife and family are still fast asleep so it would have to be a bit later today I see you are in Germany so maybe it will be too late today for you There is one of our senior advisors called Inger, she has a website with some components for download but I am not sure if there is one with an overlay over an image the website is at https://mock-up.coffeecup.com

What framework are you using within Site Designer?

Here is a very quick demo of something that might be close to what you are wanting

https://youtu.be/P6A4erbOWcg

Hello Wayan,

thank you so much for your lighting-fast responses, you‘re absolutely amazing!

Thank you very much for the video - and the recommendation to visit https://mock-up.coffeecup.com.

Since I‘m an absolute beginner with CoffeeCup, just ordered the „super pack“ last Sunday, I’m still trying to get the lay of the land.

You rightly asked which framework I’m using: I haven’t even decided yet - and quite frankly am struggling with this choice because I‘ve never used one before. The website development tool I‘ve used to create the Chi Kung website is not revealing their framework.

Which framework would you recommend to get started? Or would you recommend to get started with one of the themes?

My intention is to re-design the Chi Kung website - using a similar structure and design as the https://www.psychotactics.com/ site. In other words: I‘m looking for a very clean one-or two-column design.

PS: where in Indonesia are you and your family living? I‘ve been a lot to Asia and love this part of our planet … have been to Bali once and would love to spend a few weeks there again next year. If our paths cross, I‘d love to invite you and your family for dinner.

Thank you Wayan!

this is very helpful!

I think that I‘ll get back to this topic (delayed display of a picture) once I‘ve made some progress on the website re-design. So for the moment, I‘m putting this to rest - and will get back to you when I‘m ready to implement this.

Just one question about the frameworks: is the „Closable Alert Component“ also available in other frameworks (Bootstrap, Materialize) or can it only be used working in the Foundation framework?

And another question: are the components of the CSS frameworks (Foundation, Bootstrap, Materialize) also included in the Frameless option.

In the Site Designer Guide I found: „… you can use the built-in interactive scripts of Bootstrap, Foundation and Materialize to make framework specific drop-down menus, photo galleries, popups and more“. Does that mean that they are included per default, without installing anything extra?

Sorry for the stupid questions. I‘m really an absolute beginner - and am currently reading the documentation and watching some videos to get a better understanding of this.

Greetings from Germany ☀️

Hi Thomas
I use the foundation framework the most and it is probably the one which most others use too so you would get more help from more users but then there are those that like the others too.

Personally I would do my own layout from scratch but then I have years of experience, I know a lot of newbies to both site designer and designing etc use themes and most of them struggle too and find it difficult to change things around.
It also depends on how much time you are able to dedicate to your project.

I have a set of step by step tutorials which I am updating at the moment to bring them up to the latest version of site designer, one of them is something I call a page a day step by step, not that it takes me a day to do a page but people watching a video and following have to stop rewind etc quite a lot . I can let you know how to contact me direct you could
Use a secure form I have on my contact page to get my email details, If you would find it helpful I will do the page a day videos next, so you could make a start. Or just keep coming to this thread and shout out for help, or indeed do both.

I am based in East Jawa in a very remote rural area, almost off the grid, I was in Bali but didn't like the way it was going and it wasn't as nice or paradise anymore. I still have my adopted Balinese family there in fact my adopted niece has just graduated from university very smart girl and a whizz at computer programming. Will be going to the graduation ceremony next month so looking forward to seeing Bali again only for a few days though

Frameworkless means just that there are only a limited number of components available in Inger's site and I suspect for a beginner the way they work requires a certain level of knowledge and understanding, it is a nice way to work but something's do require out of the normal way of doing things