I am using the lightbox plugin to show popups in my app.
Some popup's consist of multiple images.
So when a popup loads it shows images one by one.
My question is how can i load all images and show them at once.
It might help if you were a bit more specific as to what javascript framework you're using, exactly what plugin you're using (a link to it, for example), etc etc.
To answer your question, if you loading a lot of images, yes that's going to be slow. You can try spriting them into one image or you can change your view so that you're only loading one image at a time.
You could also designate a single server for serving assets and store your images there. That could speed things up some.
Related
I am trying to code a "webpage selector" on my app, using a fancy carousel to display the webpages thumbnails.
However, I don't want to display the webpages thumbnails as webViews on my carousel because I can get quite a large number (20-30) of webpages at the same time and loading all of those can cause a lot of lag.
So, I decided to use screenshots of the webpages and use those images to populate my carousel instead, making the carousel animation much smoother.
Here is my question:
I would like to know if there is any way to take a screenshot of the webpage (without showing it on the app screen) and save the image into a list that I can use to populate the carousel.
I am aware of this question but is quite an old post, so I was wondering if there is another way to do it. Also, I tried to implement the suggested solution, but it did not work.
You can create a WKWebView that is behind your view controller (and thus invisible) and constrained to the size that you want. Once the page finishes loading take a snapshot by using drawHierarchy(in:afterScreenUpdates:) inside of a UIGraphicsImageRender and save the resulting image as your thumbnail.
I am having a sample application which is having networking images, how to display preloaded cache images when navigating between pages. Because it is taking some time for loading from api calls. instead of placeholder how to display same image which loaded previously.
I am trying to use flutter_cache_manager 0.1.1, cached_network_image 0.4.1+1
plugins but still unable to achieve.
I think you are looking for FadeInImage where you can set a placeholder image until the actual image becomes available.
The actual image can come from various ImageProviders like NetworkImageWithRetry or similar.
I have a website at http://bit.ly/1h3HLVE
There are two issues I am trying to resolve regarding viewing the website on mobile devices.
The dropdown boxes in the top navbar do not work on mobile viewing (with my iphone anyway)
When I load the website the first time it is zoomed in on my mobile, and I need to zoom out to see it properly. I'd like to find a way to have it automatically open at the right size for the mobile device.
Can anyone help with either of these?
What you are trying to do is called responsive design, the easiest way would be learn a little about Bootstrap, Bootstrap is framework for design, there is a gem for rails called bootstrap-sass for easy integration, with this you can set different behaviours for different devices (this is one of the functionalities of bootstrap), you can hide for example your navbar in mobile devices and show another smaller in mobile. Bootstrap also has responsive adaptive support for images and tables, that it will change according to the width of the device dynamically.
Of course, if you are hiding items they will still loading to your site so eventually it could be a little hard to loading, you can use browser gem then, this one allow you to have different behaviors for different devises with conditionals(mobile? desktop? e.g.) and also let you have different views for each one.
Check both of them, is a good place too start and there is lots of guides for those, regards.
Say I load a webpage with an image on it. Is there a way to reuse this loaded image within a UIImageView without reloading the image from a url?
If the image is cached by URL loading system, it will come from the cache when you try to load it.
Sorry I can't give a large explanation as im on y phone but I feel like what your looking for is 'core data store' there are several examples of how to use this framework, but it's quite complicated and has a large learning curve with ios development.
Also you say 'a' uiwebview. Does that mean that the URL your accessing to show within your uiwebview is static? If so, just copy and save the image and store the image in your project for future reference.
Or are you allowing the user to keep swapping through links in the uiwebview and store all those images that popup on the web page?
Sorry I'm just unclear with the question... Please no down votes :)
The classes provided by Leaves developed by Tom Brow supports single images for each page of the book with flip effect. In one of our projects we need to show multiple images in a single page along with the flip effect. Has anybody done that with 'Leaves' or is there any other alternative?
We need this images to be added separately so that we can use UIImage selected actions as this images are also required to replaced.This view will also have UITextBox and UILabel.
I know that from iOS 5 on wards UIPageViewController is available which can serve this purpose but for this project we need to support iOS4 also so UIPageViewController can be ruled out.
Try to render two images in a graphics context and then extract the image from the context and draw it in pdfcontext. Hope this might help you.