- This topic is empty.
April 8, 2013 at 5:11 am #43955
Hello, i need help in adding loading screen to my website.
Because my website contains a lot of images and take some time to load.
So I’m thinking about adding a Loading screen. But I don’t know how to do it.
Any help will be very grateful :)April 8, 2013 at 5:34 am #130970
Have you thought about optimizing loading time before adding a loading screen?April 8, 2013 at 6:09 am #130974
i want to add loading screen because the main page is having like 10 images
each image is of size approx 3MB -_-April 8, 2013 at 6:10 am #130975
What about compressing images? Using a 3Mb image on the web is silly. Using 10 is 10 times sillier.April 8, 2013 at 6:13 am #130976
Its a photography website, even i think its silly but the client want it this way -_-April 8, 2013 at 6:14 am #130977
Help me how to add a loading screenApril 8, 2013 at 6:22 am #130978
No. The client wants his photographs to look great, as they look on his reflex. This is totally understandable.
So he gives you large / HQ pictures (to you or an admin interface), they you (or the AI) have to compress / resize these pictures so they look great without overloading the page.
Did you set up a resizing / compressing system?
Then if once pictures are resized/compressed the page is still heavy, you should rely on AJAX loading instead of a loading screen.April 8, 2013 at 6:57 am #130980
Any guide to “How to use AJAX loading” ?April 8, 2013 at 7:05 am #130982pixelgridParticipant
firstly optimizing your images can help on speed and bandwith.
you can find even free programs which optimize images for web usage ,
then you will have to read about image asynchronous loading .
if the images are taking the whole page and the next one is revealed though scrolling maybe even infinite scroll would fit your needs(http://www.infinite-scroll.com/)April 8, 2013 at 8:25 am #131010JayJay141Participant
I agree with @HugoGiraudel the server can do so much, Compressing a images should be every web developer priority, all you have to do on your CSS is work on your dimension give it a max-height and a max-width so when you displayed your image on the browser it wont stretch the image but fit the image appropriately.
here check out this link I found hopefully this may help.April 8, 2013 at 8:30 am #131012
Now i think you guys are right. I must drop the idea of ajax loading.
Thanks for your help guys :)
- The forum ‘CSS’ is closed to new topics and replies.