EBA Image Gallery Series

EBA Image Gallery - Responsive

All-in-one Image Gallery without second external thumbnail-box or thumbnail slider-bar.

Demo: EBA-Image-Gallery-Responsive

Screenshot: Clicked and animate size with EBA-Image-Gallery Responsive

Responsive widths:

The style widths are set in percent.
This means the values with percent are relative to their very next parent elements with a style width value. If this also a element with a percentage width value, it will be also a relative value to the next parent element, till a root element is reached or an element is set with an absolut value, e.g. in pixels. Here is an absolute style width set to max-with: 800px.

    
    <div style="max-width:800px">
        <div style="width:30%; overflow:hidden">
            <img style="width:300%" src="jpeg" />
        </div>
        <div style="width:30%; overflow:hidden">
            <img style="width:300%" src="jpeg" />
        </div>
        <div style="width:30%; overflow:hidden">
            <img style="width:300%" src="jpeg" />
        </div>
        ...
    <div>

GitHub: EBA-Image-Gallery-Responsive


EBA Image Gallery - Sections

All-in-one image gallery without second external thumbnail-box or thumbnail slider-bar.s

Demo: EBA-Image-Gallery-Sections

Screenshot: Clicked and animate size with EBA-Image-Gallery - Sections

GitHub: EBA-Image-Gallery-Sections


EBA Image Gallery - 3x3

All-in-one Image Gallery without second external thumbnail-box or thumbnail slider-bar.

Demo: EBA-Image-Gallery-3x3

Screenshot: Clicked and animate size with EBA-Image-Gallery 3x3

GitHub: EBA-Image-Gallery-3x3


© Kometschuh.de | Impressum | GitHub | Facebook |