Skip to content

image thumbnails #147

Closed
Closed
@azerafati

Description

I would definitely love to see image thumbnails also embedded in the project. It would be awesome

Activity

joni2back

joni2back commented on May 26, 2016

@joni2back
Owner

Hi @azerafati are you referring to thumbnails for image files?
how do u think? replacing icons??

Regards

azerafati

azerafati commented on May 26, 2016

@azerafati
ContributorAuthor

yea, it would be great to see small versions on the images instead a of their icon so to find them more easily. I really enjoyed this work and plan to use it in one of my projects, so I guess I can work on that part. I'll give it a try

joni2back

joni2back commented on May 26, 2016

@joni2back
Owner

Great, Also I think about doing something like
https://codepen.io/tevko/pen/DdsnK

Or just use css class as extension, for example like this one:
https://gist.github.com/gschoppe/08a814043da5e5f02f5c#file-file-format-icons-css

azerafati

azerafati commented on May 26, 2016

@azerafati
ContributorAuthor

wow the second one was so clever, but for images really a thumbnail would be so much better

joni2back

joni2back commented on May 26, 2016

@joni2back
Owner

@azerafati I just added file extension in icons for the moment.. You can check in http://angular-filemanager.zendelsolutions.com/ (large icon view)

azerafati

azerafati commented on May 29, 2016

@azerafati
ContributorAuthor

@joni2back no that commit doesn't resolve this. Those Icons are awesome but I meant image thumbnails. That's totally necessary too
like this,
http://ckeditor.com/apps/ckfinder/3.3.0/ckfinder.html?Type=Images&CKEditor=editor1&CKEditorFuncNum=0&langCode=en

plz reopen this issue and I'll try to work on it

jbabaei

jbabaei commented on Sep 5, 2016

@jbabaei

@joni2back i need this feature too.

plz reopen this issue and help us

benfarhner

benfarhner commented on Sep 11, 2017

@benfarhner

@joni2back I would also love to see thumbnails supported natively in this project.

morteza-gho

morteza-gho commented on Jan 10, 2018

@morteza-gho

I add images thumbnails:
In main-icons.html:

       <div class="item-icon">

           <i class="glyphicon glyphicon-folder-open" ng-if="item.model.type === 'dir'"></i>

           <i class="glyphicon glyphicon-file" data-ext="{{ item.model.name | fileExtension }}"
              ng-if="item.model.type === 'file' && !item.isImage()"
              ng-class="{'item-extension': config.showExtensionIcons}"></i>

           <img ng-if="item.isImage()" ng-src="{{item.model.fullPath()}}" alt="">

        </div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      image thumbnails · Issue #147 · joni2back/angular-filemanager