1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Lack of Interest images blurred on larger screen-size

Discussion in 'Media Gallery Closed Suggestions' started by erich37, Nov 16, 2014.

  1. erich37

    erich37 Well-Known Member

    the photos are quite blurred when viewing the Media-Gallery on a bigger screen-size like e.g.: 23 inch or 24 inch screen monitor.

    I guess this is because the images are originally in smaller size and then zoomed up (increased based on the screen-size).


    Would it be possible to have a certain limit on how big the images are zoomed-up (width x height), but have more images displayed in the grid (more than 12) in order to fill the screen ?
     
    51463 likes this.
  2. Jeremy

    Jeremy XenForo Moderator Staff Member

    It is impossible to know screen size within PHP and adjust images returned. This is really something you'll usually just have to deal with in pretty much any gallery application.
     
  3. Chris D

    Chris D XenForo Developer Staff Member

    The problem as described is most prevalent on large screens with a fluid width. I'll be the first to admit the current gallery design works better on a fixed width screen.

    But, there is actually a very simple CSS solution.

    Admin CP > Appearance > Style Properties > XFMG - Responsive Design

    Under Settings:
    Change the default items per row to a ridiculous number, e.g. 999

    Under Responsive Column and Miscellaenous, add a fixed width, e.g.
    width: 300px;

    The end result is something like this. I created this screenshot a while ago:

    upload_2014-11-16_18-17-13.png

    So the effect of the above simple changes is there is no longer a fixed number of items per row, and the items themselves are of a fixed width. This is more how it worked on very early versions of the Gallery. However, the above approach still allows the Responsive Design to kick in at the necessary points:

    upload_2014-11-16_18-20-32.png
     
    51463 and erich37 like this.
  4. erich37

    erich37 Well-Known Member

    thanks!

    yeah, the images look fine on fixed-width-style.

    I think this will work fine, setting it to 300px since all images are reduced to 300px by 300px.



    just wondering:
    if you set it to 999, how many images will there be displayed at 1 Page ?
     
  5. Chris D

    Chris D XenForo Developer Staff Member

    It won't affect the number of items shown per page. It's actually just a bit of a hack to override some CSS.

    Actually 999 can just be any number higher than the number of items you show per page, but it affects nothing other than making the end effect possible. (If that makes sense).
     
  6. erich37

    erich37 Well-Known Member

    I was thinking along the lines of having the images as a fixed width (e.g.: width of 300px) and the grid being "responsive".
    So that the number of images on the page adjusts itself towards the screen-size.

    Like here:

    http://xenzine.com


    It does not need to be "Masonry" or endless scrolling.
     
  7. Chris D

    Chris D XenForo Developer Staff Member

    That's basically what my suggestion above does.

    It doesn't have the fancy animations, but it does the same job.
     
    erich37 likes this.

Share This Page