whats the fastest way to load images using javascript? [closed] - javascript

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
Lets say I have an ecommerce site with 15,000 image elements to insert into the html, whats the most efficient method using javascript to increase efficiency and user experience?

Load the images only when they are in the view port.
This question tells you how:
How do you make images load only when they are in the viewport?

Preload the images and use the cdn to host your images.
You can use something like https://github.com/thinkpixellab/PxLoader to preload the images.

Related

how can my content can animate using tympanus example on my webpage [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 5 years ago.
Improve this question
I wanted to have animation on my content i searched whole day and got something to work on it.I used same technique as they used everything is seems same still when i scroll my website there is no animation on content after slider.
Demo example
My website
Looks like you're missing the imagesloaded.js file used in the example. You need to reference this script in your code.

How to do an irregular mosaic of images with different sizes? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
Here is an example of what I am trying to achieve :
context : I would like to use HTML5/CSS3 to create a mosaic of a bunch of related images. They should have no margin (unlike the example, pardon my Paint :D ) and their sizes are various, but I would need them to be "intricate", so that it makes a single scrollable block of clickable images. Please note it is possible to use Javascript if needed.
How should I go with displaying such a layout ?
Thanks for your help.

How to extract frames from an animated gif using javascript? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
Does anyone have a simple solution to extract frames from a gif using javascript?
I know some online tools like Ezgif and Gif-explode, but I'm wondering if this is also possible using just javascript?
For a client-side solution I'd recommend to have a look at libgif-js.
It allows to step to a specific frame in the GIF and you could then use the Canvas API to capture a single frame by drawing the image to the canvas and then getting the Data URL.

Planning to make web app like Canva [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 3 years ago.
Improve this question
I want to make app like canva but i dont know where to start, i have good experience in html and css but a basic javascript.
I need to know what they use.
How to save html data to image like canva functions.
How they save the data and load it again.
I already try Html2canvas but problem in images limit.
You should use Javascript canvas libraries like Fabricjs
but i don't think that basic knowledge of javascript would be enough for such app you will have to improve your javascript skills to an at least intermediate level.

Use javascript to crop image [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 9 years ago.
Improve this question
I want to put a sprite image in my website, and use javascript to crop it to many separate images, then put these images into an image array.
Is this possible? Thanks.
Take a look at jCrop, if you're using jQuery or JavaScript Image Cropper UI if you're using prototype.
What server-side language are you using? If you just want a straight crop w/o the graphical interface it might be better to do it server side.
If you're using PHP, check out this tutorial on nettuts
If you're using Ruby on Rails, check out Paperclip

Categories