diff --git a/js/stdb.js b/js/stdb.js
index 73932e3..47bf867 100644
--- a/js/stdb.js
+++ b/js/stdb.js
@@ -143,17 +143,22 @@ function getData(respone) {
 	for (i=start;i<dataInstrument.length;i++ ){
 		console.log('========='+i+'==========')
 		// console.log(dataInstrument[i].name)
+		var imageInstrument = ''
+		if (dataInstrument[i].clips.length != 0) {
+			imageInstrument = '<div class="box-left">'
+			+'<img src="'+dataInstrument[i].clips[0].photo+'" class="cover-img">'
+		    +'</div>'
+		}
 		htmlText = htmlText+"<div id='"+i.toString()+"'' class='cardStyle' onclick='modalItem("+i.toString()+")'>"
 		// Author :: Apirak
-		+'<div class="box-left">'
-		+'<img src="'+dataInstrument[i].clips[0].photo+'" class="cover-img">'
-    +'</div>'// end of left
-    +'<div class="box-right">'
-    +'<h3 style="font-size:26px;margin-left:20px " >'+dataInstrument[i].name+'</h3>'
-    +'<h3 style="color:#9E9E9E;font-size:22px;margin-left:20px " >#'+dataInstrument[i].custom_id+'</h3>'
-    +'<h3 style="color:#9E9E9E;font-size:22px;margin-left:20px " >@'+dataInstrument[i].caretaker+'</h3>'
-    +'</div>'// end of right
-    // End
+		+ imageInstrument
+		// end of left
+	    +'<div class="box-right">'
+	    +'<h3 style="font-size:26px;margin-left:20px " >'+dataInstrument[i].name+'</h3>'
+	    +'<h3 style="color:#9E9E9E;font-size:22px;margin-left:20px " >#'+dataInstrument[i].custom_id+'</h3>'
+	    +'<h3 style="color:#9E9E9E;font-size:22px;margin-left:20px " >@'+dataInstrument[i].caretaker+'</h3>'
+	    +'</div>'// end of right
+	    // End
 		+'</div>';
 		console.log(dataInstrument[i].clips.length)
 		if(dataInstrument[i].clips.length === 0){