Code Monkey home page Code Monkey logo

Comments (3)

terrymun avatar terrymun commented on June 12, 2024

Hi Johan,

That is actually a very legitimate suggestion — I did toss and mince this idea in my mind before porting my original script over to GitHub, but finally decided against it because it would be bloating a very simple and elegant lightbox alternative. Some considerations I can think of when adding a "gallery mode" to Fluidbox:

  • That we need a mechanism to determine groups of images that belong to the same gallery (i.e. when there is a mix of images meant for galleries and those that are not on the same page). That can be easily be circumvented by using classes or preferably HTML5 data- attributes
  • Transitioning between gallery images, as the default Fluidbox behavior is to scale up/down the images and position it in the center of the viewport. How should FB handle transitions between gallery images? Some would prefer a straight-forward image replacement/fadeIn-Out transition, but that means needing to recalculate scaling factors and etc... or one can rely on the default FB behavior, to collapse and expand the old and new images respectively, but I have a feeling this will be disruptive.

For the same reason, I have decided not to include captions for the images. However, you are free to fork and modify Fluidbox to suit your needs.

from fluidbox.

torrfura avatar torrfura commented on June 12, 2024

Fast reply!

I might work something out. I just experience it quite distracting having to click / close each image in a gallery, as you present it on codepen.

Either way, it's the first lightbox I've ever considered to use :)

from fluidbox.

terrymun avatar terrymun commented on June 12, 2024

Thanks man, really appreciate the compliments. Credit still goes to the Medium team for devising an interesting way to present larger versions of embedded images. I just took their idea and ported it into a plugin for general use.

from fluidbox.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.