Grow your CSS skills. Land your dream job.

Full screen slide down slider

  • # March 26, 2013 at 11:44 am

    Hey,

    I wonder if anyone could point me in the right direction. I would like to find out how to achieve a full screen slider that animates down from the top of the page. See – betatakaki.com/

    When you click on a portfolio item a slider rolls down revealing a full screen slider and can be hidden again. Is there any scripts that do this out of the box?

    Thanks

    # March 26, 2013 at 11:56 am

    >Out of the box

    No…I don’t think so.

    Frankly, from my limited knowledge I don’t think it’s **that** hard but then again, you do need to know what’s happening and why.

    # April 2, 2013 at 7:41 am

    If you go to http://oandg.co.uk.s156312.gridserver.com and scroll down to the portfolio thumbnails I would like to it so when you hover over the image and click “Read More” an overlay covers the screen with a slider of 3-4 images.

    I have seen it on numerous websites so I am assuming there must be some way to do it?

    # April 2, 2013 at 8:03 am

    >I have seen it on numerous websites so I am assuming there must be some way to do it?

    Of course…but you were looking for…

    >Is there any scripts that do this out of the box?

    …and I don’t think there is.

    You could write one…but that’s not what you were, apparently, looking for….or is it?

    # April 2, 2013 at 8:11 am

    I think this is the closest I am going to get http://dimsemenov.com/plugins/royal-slider/slider-in-lightbox/

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

You must be logged in to reply to this topic.

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