Tengo un problema. Quiero mostrar una imagen emergente en la página principal de mi sitio web solo una vez. Si vuelvo a cargar la página, no debería aparecer la imagen, pero vuelve a aparecer. ¿Como puedó resolver esté problema? Probé con la cookie de sesión pero no me ayudó.
document.cookie = 'cookie=appear'; if (document.cookie = 'cookie=appear' == 'cookie=appear'){ function close_function(){ document.getElementById("popup").style.display = "none"; document.cookie = 'cookie=notappear'; } } if (document.cookie = 'cookie=notappear' == 'notappear'){ document.getElementById("popup").style.display = "none"; } <div id="popup" style="position: fixed; bottom: 0; left: 100px;"><a href="https://www.google.com/"><img class="alignleft" src="folder/picture.jpg" width="300" height="207"></a><button id="close" type="closebutton" onclick="close_function()">X</button></div>Puedo cerrar la ventana emergente, pero si voy a otra página de mi sitio y luego vuelvo, aparece de nuevo y no quiero volver a mostrarla. Solo una vez/navegador.
Quiero decir, si cierro Google Chrome y vuelvo a abrir el sitio web, la ventana emergente debería aparecer nuevamente. ¿Algunas ideas?
El problema con su código es que cada vez que recarga la página, ejecuta este código:
document.cookie = "cookie=appear";Entonces, cualquiera que sea la cookie, se habría configurado en "cookie = aparecer";
const popup = document.getElementById("popup"); if(document.cookie == '' || document.cookie == 'cookie=appear') { popup.style.display = "inline"; } else { popup.style.display = "none"; } function close_function() { document.cookie = "cookie=notappear"; popup.style.display = "none"; } <div id="popup" style="position: fixed; bottom: 0; left: 100px;"><a href="https://www.google.com/"><img class="alignleft" src="folder/picture.jpg" width="300" height="207"></a><button id="close" type="closebutton" onclick="close_function()">X</button></div>Esto funcionó para mí.
use LocalStorage para almacenar información/registrar el número de visitas
¿Has intentado usar un Bootstrap Modal en su lugar? Ayuda mucho y podría ahorrar mucho tiempo :)