Improve Examples

1. Make 4 examples altogether. They are picture basic version, picture comprehensive version, dom basic version and dom comprehensive version.

2. Change some names of css class or id in order to avoid conflicts. Developer and adopt codes directly without changing codes, which will ease their pain.