Wordpress: Page over page (withour reloading)

I am building my own theme, and I want something advanced:

What i want is a page with links (already have that, now comes the tricky part). When you click on that link, i would like to have a "page" sliding over the "portfolio page (the page with links)" (not covering it compleatly, or with an exit button so you can close the overlay page, and just return on the protfolio page (without reloading if possible).

I need to put this overlay page in a custom post type.

I have been looking into pop-up widgets, but i don't think that will do the job. Is there a plug-in for this?

Thank you very much for helping me out!

Solutions

Something like these? You can alter them according to your needs

  1. http://codepen.io/shubhra/full/JBChq/
  2. http://tympanus.net/Blueprints/GridGallery/
  3. http://tympanus.net/Development/3DGridEffect/
Tags: Wordpress

Similar questions

How to redirect from one page to another one with changing wp query and without reloading page?
The problem There is a URL: https://example.com/my-category/category Need to create another one https://example.com/shop Behavior to achieve: By visiting https://example.com/shop content and all query variables need to be identical like for https://example.com/my-category/category https://example.com/my-category/category and https://example.com/sho...
WordPress CRON job working when reloading the page
I'm Trying to scheduling wp_cron job in my website to send email everyday without opening my website but this is not happening. This work when user come to the website or reload a page. Here is my code to scheduling cron job
Wordpress & Fancybox - Loop issue? - fancybox keeps reloading page
Problem page: www.kendraschaefer.com/mandapop (problem with images in thin middle column) Hi, I'm working on a new Wordpress template, and I've run into an issue with Fancybox. I'm trying to get the pictures in the thin middle column of the page above to, when clicked on, pop up in fancybox with attached post data. It's mostly working OK - on first...
jQuery to set width of body based on children width only works after reloading page (used in wordpress)
I am creating a horizontal layout wordpress theme for a photography portfolio site and used the code example in the post "Calculate total width of Children with jQuery" which works, but only when I refresh the page. The jquery is in a separate file called horizontal.js and is being enqueued from the wordpress theme's functions.php file. The js gets...
JQuery and AJAX post to php without reloading page in Wordpress
I'm developing a plugin in Wordpress and am having difficulty trying to post data to a separate PHP file using Ajax without reloading the page. On the backend, the PHP file is relying on if( isset() ) to execute an SQL query. On the client side, the user should see individual records fadeOut and a message that records were successfully deleted. UPD...
Using Ajax with Wordpress to load Div without reloading page
I would like to be able to use the links of the left side of this page to load the sections without reloading the page. I'm assuming using Ajax would work but do not know javascript well enough to implement it. I tried using the Ajaxify your WP tutorial but it's not working with my links (ajaxify tut) Is there a simple way to achieve with a minimal...

Also ask

We use cookies to deliver the best possible experience on our website. By continuing to use this site, accepting or closing this box, you consent to our use of cookies. To learn more, visit our privacy policy.