كيف يمكنني أن  أجعل الصورة تعمل كزر

وعليكم السلام ورحمة الله تعالى،

مرحبًا @مصعب دعاس،

يمكنك استخدام كود جافا سكريبت هذا لجعل الصورة لديك تنقلك للموقع الذي ترغب:

var img = new Image(); // تعريف متغير باسم الصورة
img.src = 'image.png'; // تحديد عنوان الصورة
img.onclick = function() {
    window.location.href = 'http://رابط الموقع الذي تريد/';
}; // دالة لفتح نافذة جديدة بالرابط عند الضغظ عليها بمؤشر الفأرة
document.body.appendChild(img); 

أتمنى لك التوفيق.

وعليكم السلام ورحمة الله وبركاته

مرحبا استاذ @مصعب دعاس يمكنك استخدام كود الجافا سكريبت الاَتي لجعل الصورة تعمل كزر او لجعل اي div ايضا يعمل كزر :

var image = document.getElementById("id الصورة");
image.onclick = function(){
// الامر المراد تنفيذه بعد الضغط على الصورة
};

وعليكم السلام ورحمة الله 

الصفحة يمكن ان تحتوي على اكثر من صورة 

لذلك يمكنك من التالي : 

في كود html 

<img   src="image1.png" class=" myimage"   id="http://  link 1  .com"   >

<img   src="image2.png" class=" myimage"   id="http://  link 2  .com"   >

في كود js   استخدم jquery 

 $(document).on('click','.myimage',function(){
        var link = $(this).attr('id');
		location.href= link;
	});	

الان يمكنك اضافة المزيد من الصور ضمن الصفحة 

يمكنك التحكم بكل صورة اجعل  الclass ثابت و قم بتغيير ال id الى اي رابط مختلف كما موضح في html 

مع اطيب التحيات 

شكراً أخي الكريم