diff --git a/html5/verto/demo/index.html b/html5/verto/demo/index.html
index 415def7224..af26f5b2b1 100644
--- a/html5/verto/demo/index.html
+++ b/html5/verto/demo/index.html
@@ -50,6 +50,11 @@
 	color: #ff3333;
 }
 
+.chatimg
+{
+	max-width:100px;
+}
+
 .l1
 {
 	border:1;
diff --git a/html5/verto/demo/verto.js b/html5/verto/demo/verto.js
index 52ffd64007..de27cabbb1 100644
--- a/html5/verto/demo/verto.js
+++ b/html5/verto/demo/verto.js
@@ -112,12 +112,19 @@ var callbacks = {
             }
             break;
         case $.verto.enum.message.info:
-	    var body = data.body.replace(/(http[s]{0,1}:\/\/\S+)/g, "<a target='_blank' href='$1'>$1<\/a>");
+	    var body = data.body;
+
+	    if (body.match(/\.gif|\.jpg|\.jpeg|\.png/)) {
+		body = body.replace(/(http[s]{0,1}:\/\/\S+)/g, "<a target='_blank' href='$1'>$1<br><img border='0' class='chatimg' src='$1'><\/a>");
+	    } else {
+		body = body.replace(/(http[s]{0,1}:\/\/\S+)/g, "<a target='_blank' href='$1'>$1<\/a>");
+	    }
 
 	    if (body.slice(-1) !== "\n") {
 		body += "\n";
 	    }
 	    body = body.replace(/(?:\r\n|\r|\n)/g, '<br />');
+	    
 	    var from = data.from_msg_name || data.from;
 	    
             $("#chatwin").append("<span class=chatuid>" + from + ":</span><br>" + body);