Grow your CSS skills. Land your dream job.

Setting a cookie

  • # April 10, 2009 at 7:47 pm

    You know this visual effect from Lightroom or Photoshop: By pressing a certain key, the UI fades out and only the image itself remains in front of a black screen. I know how to this on my website with CSS and jQuery, but my photo gallery has one html-page per photo. If you fade out on 01.html and get to 02.html, the fade out is reset. Unfortunately I have no idea how to set a cookie in order the user can stay in fade-in- oder fade-out-mode until he finishes the photo tour.

    May be someone has a tip how to set this cookie?

    Thanks!

    Runa

    # April 11, 2009 at 1:36 pm

    Perhaps one other option, instead of trying to go the cookie route, is using a modal popup that supports HTML files (assuming that I am understanding this correctly.)

    http://nyromodal.nyrodev.com/
    http://jquery.com/demo/thickbox/

    You should be able to load an html file into the modal window, and then set it up in such a way that clicking the next/previous buttons within the modal window changes the file.

    For example, with the nyromodal demo, a visitor can click on an image, displaying the modal window, and then click the small "next" button, displaying a video from utube, and then next again to view a webpage, etc…

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".