Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Portfolio page on WordPress – best way to approach

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #43137
    jshjohnson
    Member

    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

    #126882
    chrisburton
    Participant

    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.

    #126940
    pixelgrid
    Participant

    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

    #127029
    pixelgrid
    Participant

    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)
  • The forum ‘CSS’ is closed to new topics and replies.