- This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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
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.
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
you just have to make the markup in wordpress(create the divs ) and include the css to your stylesheet