This example uses inline event handlers to dynamically set a list object's image.

Move the mouse over the list to change the default list item markers to an image.
Click on the list to use another image. Double-click to use another image.
Move the mouse out to reset.

NOTE: Whilst list-style-image can be any size, image size should not exceed 32 square pixels to maintain list proportion.