Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
    Sandra
    @neptunian
    for now this new demo page will have to do http://neptunian.github.io/react-photo-gallery/
    i think this same idea for a custom image component needs to be implemented in react-images
    jossmac/react-images#54
    Arash D
    @ArashDai
    hi which version of react-photo-gallery should i use for compatibility with react 15.3.1 ?
    i checked npm and github but there is o information about what previous versions used to exist
    Arash D
    @ArashDai
    nevermind i found it in the old git commits
    Alex Luna
    @Luna2442
    Hey all, new to this room. I have a hopefully simply question. Anyway to assign a key to the children <Gallery /> produces?
    Sandra
    @neptunian
    each image component should have a key @Luna2442
    Michelangelo Partipilo
    @mpartipilo
    It seems that the Lightbox is always using 100vw as the sizes attribute. I'm looking into this.
    Sandra
    @neptunian
    @mpartipilo shouldn't that be desirable?
    a lightbox usually always takes up as much screen space as it can and is positioned as such
    i supposed the caption and close button take up some vertical width
    Michelangelo Partipilo
    @mpartipilo
    Yes, I am just learning this responsive image thing. I was trying to use a different file for smaller devices and found that it was always using the highes res one. Not sure if it's for cache reasons.
    Will look into it
    Sandra
    @neptunian
    @mpartipilo that actually has nothing to do with 100vw. 100vw is just saying image is taking up 100% of the space available which it will no matter what device size is
    you would need to pass in a list of images into srcSet if you different files for different device sizes
    Michelangelo Partipilo
    @mpartipilo
    Cool, thanks
    Sandra
    @neptunian
    used react-sortable-hoc to make the gallery sortable (no changes to the library). check it out: https://codesandbox.io/s/8y7n1r9y5j
    drag and drop images to see it in action
    Sandra
    @neptunian
    @smeijer one of the benefits of not having having the images in row elementes I think!
    Stephan Meijer
    @smeijer
    possibly @neptunian , the demo looks awesome :)
    Zoltan Paricsi
    @pzoli1988
    hi, is it possible to change the layout of Gallery?
    Sandra
    @neptunian
    @pzoli1988 what do you have in mind
    the only thing that can change really are the amount of columns.
    Michelangelo Partipilo
    @mpartipilo
    @neptunian When resizing that sortable example in codesadbox.io I got this: Invariant Violation
    Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
    Sandra
    @neptunian
    @mpartipilo thanks i'll do some testing. i've thought about putting a debounce on the window resize but i like how it looks like its animating when you resize it! not really necessary to let it call so many times though.
    Ibrahima Toure
    @FredEb
    Hello guys, wanted to ask if there was any way I could pass in the aspect ratio for the set of photos given to the Gallery component
    Michelangelo Partipilo
    @mpartipilo
    @FredEb that's what width and height are for
    whitneyseiler
    @whitneyseiler
    Hey all - does anyone have tips for limiting the maximum height of the Gallery container?
    Sandra
    @neptunian
    @FredEb that's all height and width attributes are provided for. the code determines the aspect ratio based on those attributes or you can just pass in 1, 3 or whatever your ratio is... it's the same thing.
    @whitneyseiler you should be able to just do that with CSS? Wrap it in a containing div with a max-height?
    Sebastián Lorenzo
    @slorenzo
    Hi @neptunian, how are you?
    I have worked on your code to add just one feature: thumbnails. But when I was doing it, I realize that I could improve many more things like the tests behaviors.
    I created a PR with this features/improvements.
    Sebastián Lorenzo
    @slorenzo
    neptunian/react-photo-gallery#85
    I don't know why the test doesn't work in travis yet, because on my localhost it's running ok
    Let me know what you think about this PR. ;)
    Sandra
    @neptunian
    Just wanted to let peeps know that the Gallery now supports columns or "masonry" type layout instead of just rows: https://codesandbox.io/s/r09k1xj614
    Stephan Meijer
    @smeijer
    Nice. Great work
    christocarr
    @christocarr
    Arrrgg... why can't I get images to render without require('image.jpg')? I'm using local images.
    shurnster
    @shurnster
    Is it possible for the image gallery to be a horizontal scroll, rather than a vertical scroll?
    Sandra
    @neptunian
    @shurnster if you define the width of your container wherever, the Gallery will adjust to it, which I imagine would automatically create a horizontal scrollbar. you should be able to control this on your end.
    shurnster
    @shurnster
    Ok, got it. Thanks, @neptunian
    Haley Sulcer
    @Tsardines
    Hi everyone, hi @neptunian --- is it possible to hover and zoom on an individual image? Thanks!
    Francis Rodrigues
    @francisrod01
    Is there possible to change photos via state?
    Here my demonstration's code: https://codesandbox.io/s/50wr02n8q4
    More details about dependencies version in the question: https://stackoverflow.com/q/53472436/3332734
    Sandra
    @neptunian
    @Tsardines you will have to use the ImageComponent property to pass in custom functionality. see examples on the site
    @francisrod01 you have to manage the state in your own app. changing the "photos" object will update the photos shown. if it isn't working you have a problem in your app, not with the gallery.
    Francis Rodrigues
    @francisrod01
    You can see it on the CodeSandbox example exactly you describe.
    I have another component how manage the state calls photo-gallery imported on index.js