[fascio27]

<div id="blockIMG">
		<img alt="1" id="img1" src="https://javascript.ru/cat/list/dom.gif">
		<img alt="2" id="img2" src="https://javascript.ru/cat/list/event.gif">
		<img alt="3" id="img3" src="https://javascript.ru/cat/list/donkey.gif">
	</div>
	<div id="hovAct"></div>
	<script>
		var imgData = {
			img1: {
				name: 'название-1',
				diskr: 'описание-1'
			},
			img2: {
				name: 'название-2',
				diskr: 'описание-2'
			},
			img3: {
				name: 'название-3',
				diskr: 'описание-3'
			}
		};
		var blockIMG = document.querySelector('#blockIMG'),
			hovAct = document.querySelector('#hovAct');
		blockIMG.addEventListener('mouseover', e => hovAct.textContent = e.target.tagName == 'IMG' ? imgData[e.target.id].name : '');
		blockIMG.addEventListener('mouseup', e => hovAct.textContent = e.target.tagName == 'IMG' ? imgData[e.target.id].diskr : '');

	</script>

Спасибо ,еще такой вопросик ,а как сделать ,чтобы название и описание тоже перемещались по координатам ,которые я указываю в этом классе,а то перемещается только картинка

.i1{   
    position:absolute;
    top:400px;
    right:910px;
    width:10px;
    height:10px;
    
    }

И еще почему-то в данной ситуации(когда я применяю class i1 ,название и описание не проходят ,если я убираю мышку)
Спасибо за внимание