Forums

  • # March 4, 2013 at 1:48 pm

    Hi guys,

    I have a client that is sold on the idea of having the following portfolio page: http://allyouneedis-justask.com.s156312.gridserver.com/make-up/

    set up like the following:

    http://i.imgur.com/l70RMMR.png

    Basically when you hover over a smaller image you will see it enlarged where the big photo is. They would also like the small images to scroll left and right like a slider. I am sure there is a jQuery plugin for something like this but I do not really know where to start.

    Eventually each block of images will be referring to a particular portfolio piece and will link to an individual page showing the portfolio images in full.

    Help

    # March 4, 2013 at 2:03 pm

    That’s tricky with the layout you have now. Personally, I wouldn’t use arrows for the smaller images. Maybe something like when you click on the third image, it automatically slides to the next set. When it gets to the last one and it is clicked, it slides all the way back to the first set.

    # March 4, 2013 at 8:06 pm

    this is a pure css approach
    http://codepen.io/pixelgrid/pen/axKiH .
    however to achieve the last link’s result you will need some jquery

    # March 5, 2013 at 8:23 am

    you just have to make the markup in wordpress(create the divs ) and include the css to your stylesheet

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

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag