Gilbert Smith GJSmith3rd

I'm a certified IT pro with 7 years of experience in desktop, server and networks. I'm also an aspiring, self taught, full stack JavaScript web dev.

croxton / cloudinary_reponsive_background_cover_img

Last active November 1, 2019 10:36

Responsive background cover images with Cloudinary & jQuery, fetched on the fly

	HTML:

	<header id="js-cover" class="cover">

	<!-- Optionally specify image width stoppoints to reduce the maximum possible no of transforms per image -->
	<!-- The appropriate image resolution will automatically be loaded -->
	<img
	data-stoppoints="480,768,1200"
	data-src="http://res.cloudinary.com/<your account name>/image/fetch/w_auto,dpr_auto/http://<your full img url>"
	class="cld-responsive cover-img" id="js-cover-img">