Hai:
Thanks Tuan! We can start experimenting with this layout as well, it can be combined with the existing sliding deck UI. We do need to think about these though:
- different aspect ratios of photos. Maybe cropping everything to a square?
- What if the posts has 1 photos? 2 photos? 12 photos?
- Just to check - the grey dotted lines are not part of the design, right? Cheers
Tuan:
- Ok i would do posting soon , can you have a look at this tut ? http://www.alohatechsupport.net/examples/image-rotator/image-rotator.html http://www.alohatechsupport.net/webdesignmaui/maui-web-site-design/easy_jquery_auto_image_rotator.html
- The grey dotted lines are actually the part of the design , they are mainly used for separating / splitting the post/map/ images , these can be done with css
- In case there are 12 photos we can create next/prev button/ link ( 6 photos each ) so the users can easily navigate those photos
- Can we try to resize everything into fixed ratios of photos ?
Son:
Hmm, tbh I am not really into either the dotted lines (I prefer an edge with the shadow like it is now, it is a lot more subtle) or the image auto rotator (confusing UI element when we have already laid out the previews). I'd still like to have the preview thumbnails like in your sketch, though.
What we can do is to crop the previews to square (1:1) thumbnails and when we open out the deck, we put the thumbnails down at the bottom if the expanded deck for easy navigation. The thumbnail row could take the place of the map when the images are expanded
Also, let's set a limit at 6 for now just to make it easy, and implement pagination if we decide to have more photos per post.