Как инициировать в JQuery функцию на блоке при загрузке документа?
Событие DOMContentLoaded происходит, когда весь HTML-код был получен и распарсен браузером.
Оно-же представлено в jQuery как $(document).ready с одним дополнительным удобством - если вы подпишетесь на событие DOMContentLoaded ПОСЛЕ того как оно произошло, то оно никогда не наступит. А код в jQuery.ready сработает и в этом случае.

Метод window.onload или событие load объекта window сработает когда весь HTML-код, а также все стили, изображения, и прочий медиаконтент будет загружен.

Также, отдельные события load есть у изображений img и у некоторых других медиа-элементов.

А того что вы написали в "неудачном примере" просто не существует.
Можно такой вариант применить 
$(document).ready(function () {
	$(".slider .slide").each(function() {
		$(this).attr("css", "background: url(" + $(this).attr("src") + ");");
	});
});