For this application, the orientation will always be correct to
landscape or portrait.
On Wed, 5 Aug 2020 at 11:27, Wade Smart <wadesm...@gmail.com> wrote:
>
> How do you know if they are landscape or not?
> A image could have been taken with a camera and its shown sideways
> but the phone shows portrait. Im working on a project right now where
> Im extracting the metadata from the pic and based on that, putting a
> indicator in the db to say landscape or not and when we load all images
> based on x filter, as you are getting the image location, you get the
> orientation
> too.
>
> --
> Registered Linux User: #480675
> Registered Linux Machine: #408606
> Linux since June 2005
>
> On Tue, Aug 4, 2020 at 7:32 PM Aaron Gray <aaronngray.li...@gmail.com> wrote:
> >
> > I have some code that handles landscape and portrait photographs
> > framing them within a fixed area div. My issue is that I have to set a
> > class as to whether they are landscape or portrait.
> >
> > body {
> > background-color: black;
> > }
> > .thumbnail {
> > display: inline-block;
> > position: relative;
> > width: 8em;
> > height: 10em;
> > margin: 0px;
> > padding: 0px;
> > border-width: 0px;
> > }
> > img {
> > position: absolute;
> > top: 50%;
> > left: 50%;
> > width: auto;
> > height: auto;
> > max-width: 100%;
> > max-height: 100%;
> > transform: translate(-50%, -50%);
> > margin: 0px;
> > padding: 0px;
> > border-width: 0px;
> > }
> > img.portrait {
> > height: 100%;
> > }
> > img.landscape {
> > width: 100%;
> > }
> >
> > <div class="thumbnail">
> > <img class="portrait" src="..."/>
> > </div>
> > <div class="thumbnail">
> > <img class="landscape" src="..."/>
> > </div>
> >
> >
> > I am wondering if there is a way to do this where I don't have to
> > determine the format and set the class accordingly ?
> >
> > Thanks,
> >
> > Aaron
> >
> > --
> > Aaron Gray
> >
> > Independent Open Source Software Engineer, Computer Language
> > Researcher, Information Theorist, and amateur computer scientist.
> > ______________________________________________________________________
> > css-discuss [css-d@css-discuss.org]
> > http://www.css-discuss.org/mailman/listinfo/css-d
> > List wiki/FAQ -- http://css-discuss.incutio.com/
> > List policies -- http://css-discuss.org/policies.html
> > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--
Aaron Gray
Independent Open Source Software Engineer, Computer Language
Researcher, Information Theorist, and amateur computer scientist.
______________________________________________________________________
css-discuss [css-d@css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
