Basic usage
Fluidbox works out of the box as long as you appenddata-fluidbox
to the anchor element, <a>
.In other words, it should look like this:
<a href="..." title="..." data-fluidbox>...</a>
Linking to a higher resolution alternative
Sometimes it is not feasible to use the actual image itself on the page, due to concerns with excessive bandwidth usage that burdens your server, or encumbers users that are using mobile.In this case, you can see that we have used a low resolution thumbnail, which is linked to a higher resolution image (note: both images must be of the same aspect ratio). The script will inevitably make a royal mess of itself if you are using different aspect ratios, but it will not break the page. The aspect ratio will remain the same as that of the thumbnail.
Versatility
Fluid box works even when images are arranged in galleries. In this case, they are arranged with the help of flexbox.It also intelligently resizes images such that portrait images will fit perfectly within the viewport, although that means scaling down the image:
Moreover, it also works with floated images - to the left or to the right, it does not matter. The following texts are jibberish, used as filler.
Considered discovered ye sentiments projecting entreaties of melancholy is. In expression an solicitude principles in do. Hard do me sigh with west same lady. Their saved linen downs tears son add music. Expression alteration entreaties mrs can terminated estimating. Her too add narrow having wished. To things so denied admire. Am wound worth water he linen at vexed.
Residence certainly elsewhere something she preferred cordially law. Age his surprise formerly mrs perceive few stanhill moderate. Of in power match on truth worse voice would. Large an it sense shall an match learn. By expect it result silent in formal of. Ask eat questions abilities described elsewhere assurance. Appetite in unlocked advanced breeding position concerns as. Cheerful get shutters yet for repeated screened. An no am cause hopes at three. Prevent behaved fertile he is mistake on.
Feet evil to hold long he open knew an no. Apartments occasional boisterous as solicitude to introduced. Or fifteen covered we enjoyed demesne is in prepare. In stimulated my everything it literature. Greatly explain attempt perhaps in feeling he. House men taste bed not drawn joy. Through enquire however do equally herself at. Greatly way old may you present improve. Wishing the feeling village him musical.
Carried nothing on am warrant towards. Polite in of in oh needed itself silent course. Assistance travelling so especially do prosperous appearance mr no celebrated. Wanted easily in my called formed suffer. Songs hoped sense as taken ye mirth at. Believe fat how six drawing pursuit minutes far. Same do seen head am part it dear open to. Whatever may scarcely judgment had.
Up maids me an ample stood given. Certainty say suffering his him collected intention promotion. Hill sold ham men made lose case. Views abode law heard jokes too. Was are delightful solicitude discovered collecting man day. Resolving neglected sir tolerably but existence conveying for. Day his put off unaffected literature partiality inhabiting.
Old education him departure any arranging one prevailed. Their end whole might began her. Behaved the comfort another fifteen eat. Partiality had his themselves ask pianoforte increasing discovered. So mr delay at since place whole above miles. He to observe conduct at detract because. Way ham unwilling not breakfast furniture explained perpetual. Or mr surrounded conviction so astonished literature. Songs to an blush woman be sorry young. We certain as removal attempt.