Comments (5)
I believe it is already in place. As if when I click on the image there's a small loader in the middle of the screen
from gallery.
@MasterMindNET I think this is also about a loader for the preview pictures.
@buddh4 Or can we close this issue?
from gallery.
When opening the gallery overview or a gallery the preview image loading is not smooth. Each gallery item should be rendered with a loading animation until the preview image is fully loaded.
from gallery.
Hello, @buddh4!
Please could you give me some ideas/advice on how we can add smothe the animation?
How would you animate it?
the class called slide-loading
is used for this.
I tried to add
transition-property: all; transition-duration: 1s;
But this did not help.
I also trying to detect by jQuery like this:
$('.slide-loading').fadeOut('slow', function () {
console.log('fadeOut');
$('.slide').fadeIn('slow', function() {
console.log('fadeIn');
});
});
in resources/js/gallery.js
file. But it does not call a funtion even if I specify just before this line module.export({
console.log.
Help me out, where should I put the JS code i needed, or could give and idea on how to to in in CSS?
I am looking forward to hearing from you!
Thank you!
from gallery.
Please take a look at this PR link to PR;
I have added a preview transition; The first time you open it is slow(because it needs some time to load images; to avoid tearing effect/sudden appearing); followed by acceleration in subsequent transitions;
Mobile ver. seems really good with this transition effects xD
There is a bit strange principle in blueimg-gallery of the (slide-loading
class, which is added when it is loading);
Please let me know what you think about these changes. If you wish to see some loader, let me know how it should look like!
It also would be good if you would give some ideas on implementation on this. (How could I test this a bit better? I mean, how can I slow down the loading time of the image? Any ideas? to see more detailed about which classes it applied and how it looks like; because It loads almost the same second as I open it)
from gallery.
Related Issues (20)
- Question: Is it possible to resize the original images? HOT 2
- Request: Allow the galleries to be sorted by creation date HOT 4
- Request: Allow users to decide which image is the "cover" of a gallery HOT 1
- The adding new images area is not full
- Image src is not correct since 1.4.0 HOT 6
- Comment Notifications are Broken
- Set permissions - User1 should not delete Uploads from User2 HOT 1
- Request Enhancement: Allow Users to Share Images From Gallery
- Support for .heic-Uploads
- Long Delay and Errors HOT 14
- Support photo description, location and topic
- Layout improvements - Filter bar | Separate folders and media
- Support .apng and .tif uploads HOT 2
- Make photos expand to fill snippet HOT 1
- How do you delete or hide a gallery? HOT 1
- Gallery Tab is Blank (ugly) When Empty HOT 7
- Fix Tests HOT 5
- mp4-Video for Gallery HOT 1
- Wrong order of Comment and Like link HOT 2
- Access Error in Gallery Widget HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from gallery.