Есть много картинок и хочется при ховере показывать цифру, но не хочется писать цифры всем картинкам Возможно сделать проще?

Темные технологии.
Спасибо)

То, что работает на Jquery не работает на JavaScript. В чем разница?

Это не говнокод, а суперархитектура!!11
p.s. Спасиб и сори за говнокод)

То, что работает на Jquery не работает на JavaScript. В чем разница?

RAX7, да, спасибо, разобрался.

То, что работает на Jquery не работает на JavaScript. В чем разница?

Пашенька, угадал :3

То, что работает на Jquery не работает на JavaScript. В чем разница?

function openhide(){
document.querySelector('.hide_sett_passive').classList.add('hide_sett_active');
document.querySelector('.hide_sett_passive').classList.remove('hide_sett_passive');
};
function closehide(){
document.querySelector('.hide_sett_active').classList.add('hide_sett_passive');
document.querySelector('.hide_sett_active').classList.remove('hide_sett_active');
};

function openprebook(){
document.querySelector('.preblock_passive').classList.add('preblock_active');
document.querySelector('.preblock_passive').classList.remove('preblock_passive');
};
function closeprebook(){
document.querySelector('.preblock_active').classList.add('preblock_passive');
document.querySelector('.preblock_active').classList.remove('preblock_active');
};

function apply_classes(selector, add, remove) {
var el = document.querySelector(selector);
if (el) {
el.classList.add(add);
el.classList.remove(remove);
}
}
function open_prebooksItems1() {
apply_classes('.preblock_hs_itm1_passive', 'preblock_hs_itm1_active', 'preblock_hs_itm1_passive');
}
function close_prebooksItems1() {
apply_classes('.preblock_hs_itm1_active', 'preblock_hs_itm1_passive', 'preblock_hs_itm1_active');
}
function open_prebooksItems2() {
apply_classes('.preblock_hs_itm2_passive', 'preblock_hs_itm2_active', 'preblock_hs_itm2_passive');
}
function close_prebooksItems2() {
apply_classes('.preblock_hs_itm2_active', 'preblock_hs_itm2_passive', 'preblock_hs_itm2_active');
}
function open_prebooksItems3() {
apply_classes('.preblock_hs_itm3_passive', 'preblock_hs_itm3_active', 'preblock_hs_itm3_passive');
}
function close_prebooksItems3() {
apply_classes('.preblock_hs_itm3_active', 'preblock_hs_itm3_passive', 'preblock_hs_itm3_active');
}

function close_when_all_close(){
document.querySelector('.cl').addEventListener("click", function() {
closehide();
closeprebook();
close_prebooksItems1();
close_prebooksItems2();
close_prebooksItems3();
})
};

function MakeActive_hide_sett_passive(){
document.querySelector('.shesterenki').addEventListener("click", function() {
openhide();
});
};

function click_hs_itm1(){
document.querySelector('.hs_itm1').addEventListener("click", function() {
openprebook();
open_prebooksItems1();
close_prebooksItems2();
close_prebooksItems3();
});
};
function click_hs_itm2(){
document.querySelector('.hs_itm2').addEventListener("click", function() {
openprebook();
open_prebooksItems2();
close_prebooksItems1();
close_prebooksItems3();

});
};
function click_hs_itm3(){
document.querySelector('.hs_itm3').addEventListener("click", function() {
openprebook();
open_prebooksItems3();
close_prebooksItems1();
close_prebooksItems2();
});
};

document.addEventListener("DOMContentLoaded", function() {
close_when_all_close();
MakeActive_hide_sett_passive();
click_hs_itm1();
click_hs_itm2();
click_hs_itm3();
});

То, что работает на Jquery не работает на JavaScript. В чем разница?

function openhide(){
 		$('.hide_sett_passive').addClass('hide_sett_active');
		$('.hide_sett_passive').removeClass('hide_sett_passive');
    };
    function closehide(){
 		$('.hide_sett_active').addClass('hide_sett_passive');
		$('.hide_sett_active').removeClass('hide_sett_active');
    };

    
    function openprebook(){
    	$('.preblock_passive').addClass('preblock_active');
    	$('.preblock_passive').removeClass('preblock_passive');
    };
    function closeprebook(){
    	$('.preblock_active').addClass('preblock_passive');
    	$('.preblock_active').removeClass('preblock_active');
    };


	function open_prebooksItems1(){
		$('.preblock_hs_itm1_passive').addClass('preblock_hs_itm1_active');
		$('.preblock_hs_itm1_passive').removeClass('preblock_hs_itm1_passive');
	};
	function close_prebooksItems1(){
        $('.preblock_hs_itm1_active').addClass('preblock_hs_itm1_passive');
		$('.preblock_hs_itm1_active').removeClass('preblock_hs_itm1_active');
	};
	function open_prebooksItems2(){
		$('.preblock_hs_itm2_passive').addClass('preblock_hs_itm2_active');
		$('.preblock_hs_itm2_passive').removeClass('preblock_hs_itm2_passive');
	};
	function close_prebooksItems2(){
		$('.preblock_hs_itm2_active').addClass('preblock_hs_itm2_passive');
		$('.preblock_hs_itm2_active').removeClass('preblock_hs_itm2_active');
	};
	function open_prebooksItems3(){
		$('.preblock_hs_itm3_passive').addClass('preblock_hs_itm3_active');
		$('.preblock_hs_itm3_passive').removeClass('preblock_hs_itm3_passive');
	};
	function close_prebooksItems3(){
		$('.preblock_hs_itm3_active').addClass('preblock_hs_itm3_passive');
		$('.preblock_hs_itm3_active').removeClass('preblock_hs_itm3_active');
	};






	function close_when_all_close(){
		$('.cl').click(function(){
			closehide();
			closeprebook();
            close_prebooksItems1();
            close_prebooksItems2();
            close_prebooksItems3();
		});
	};






function MakeActive_hide_sett_passive(){
	$('.shesterenki').click(function(){openhide();});};

function click_hs_itm1(){
	$('.hs_itm1').click(function(){
		openprebook();
		open_prebooksItems1();
		close_prebooksItems2();
		close_prebooksItems3();
	});
};

function click_hs_itm2(){
	$('.hs_itm2').click(function(){
		openprebook();
		open_prebooksItems2();
		close_prebooksItems1();
		close_prebooksItems3();
	});
};
function click_hs_itm3(){
	$('.hs_itm3').click(function(){
		openprebook();
		open_prebooksItems3();
		close_prebooksItems1();
		close_prebooksItems2();
	});
};







$(document).ready(function(){
	close_when_all_close();
	MakeActive_hide_sett_passive();
	click_hs_itm1();
	click_hs_itm2();
	click_hs_itm3();
});

Как поправить дизайн opencart?

Да, я понял что ты имел в виду. Понял как это работает, но хостинг некоторых сайтов не удается узнать (из моего опыта очень маленькую часть). Случайно не знаешь, что это может значить?)
И кстати, что за второй способ? Я так понял либо фтп или чтоб файл скинули.

Как поправить дизайн opencart?

И если он не сможет зайти, то уже никак не помочь?

Интересно мнение о моем коде, и так же интересно как это будет выглядеть на javascript?

И где лучше учить JavaScript?
:3