Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 9 years ago.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Improve this question
I have an html page with 1000 images and it's very slow to load in my browser.
I want to load the images using the scroll effect like this example :
Like the web site http://www.jumia.ma/catalog/?q=iphone
You can use Lazy Load plugin for that: http://www.appelsiini.net/projects/lazyload
This plugin delays loading of images from server until they appear in users viewport. So after you load the page, script check that images are visible and loads them. When you scroll, it automatically checks if new images appear and loads them as well. You can also configure any additional effects, etc.
Related
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
when i was browsing I found a website that using single page only but using different background each navigation...I'm just a new web programmer does anyone know a good basic tutorial to learn this stuff? I wanna build a website that uses single help me please.
http://mypizzaoven.nl/#data-home
If you manually zoom out you can see that they've literally just laid the page out that way. They use overflow: hidden: to make the page unscrollable, and then set the margins to be negative so that they can put things off of the page.
The primary thing they do, though, is use ids and the #id to then go to that part of the page.
Example:
<div id="pizza"></div>
You would then use thispage.html#pizza to focus on that part of the page.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
I'm performing a site review for one of our properties and it's a spectacular mess. One of the issues is that there are 123 files in the .js folder, and I'm not certain how many of them are used because each page on the site has it's own head calling specific dependencies.
I'm wondering if there is a chrome plugin that will keep track of the dependency files/names I'm loading as I bounce around a site. Or perhaps there's a method I can use that I'm not seeing?
Using Chrome Developer tools, you can go under the Network tabs and see what files are being requested from the server. You can then sort them by type to get a glance at the scripts being loaded.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
When I move the mouse around the car and obione and the 404 error kinda just wobble around and I really love that effect:P. How would I recreate it? You can find the what I'm talking about here.
I have a good amount of knowledge in HTML, CSS and javascript, but I just cannot figure out how they did that :P
They used Plax JS:
Plax is a jQuery plugin that makes it suuuuuper easy to parallax
elements in your site based on mouse position. You can see it
implemented in many places throughout GitHub, including the 404 page,
the 500 page, and the about page. I've also used a modified version to
parallax a URL.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
Is there any code or service to add Watermark in pictures via Javascript on website.
I am running my website in blogger and i want my pictures to get watermark. I have already added approx 600 pictures, and I can't download them and do via photoshop. Is there any alternative via Code , i can auto-watermark my pictures in my blogger site.
Pictures are hosted in Picasa.
Thanks
check this one http://www.patrick-wied.at/static/watermarkjs/
but take care still any person can access the original photo without water mark
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
There are a couple of tools and several tutorials (even some including links to github) on how to preloading images and other artifacts, like css and scripts. YUI3 preloader seems to be the most reliable one.
Is there a better one? Are there any others that are faster (possibly through parallel loading), more usable or has better browser compatibility? Maybe one that uses jquery instead of YUI...
I like the jquery preload plugin. Try this.........
http://plugins.jquery.com/project/Preload
As a suggestion, you can use a lazy loader such as this one to only load images once they are have been scrolled and are in the viewport.
This one is the best.
(new Image).src = '/path/to/image/to/preload';
To preload other things (thanks Daniel) you can try this:
document.createElement('object').data = '/path/to/resource/to/preload';