bonzo | library agnostic , extensible DOM utility | Frontend Framework library

You could add new event listener to the initEvents function like :

Take a look at this sample implementation. Clicking on "This dog has not been clicked yet.", increases the click count. Treat it as a direction to proceed further with your changes.

Few things to note:

1. You hadn't wrapped your code in $(document).ready.
2. Since you need a counter for each dog, you may need an object for which dog name will be the key and the click count as the value.
3. I have corrected the code for this sample.

You should not use both -annotate and caption: in the same command line in ImageMagick. Try using one or the other. For example here are 3 different methods: -annnotate, label: and caption: with a smaller font size. -annotate write directly on the image. Both label: and caption: create their own separate image that needs to be composited onto your original image.

Based on the select classes that you had used. A simple googling gave this SelectInspiration , as my peers have pointed out in the comments this plugin changes the apperance of the select widget (a good one i should add).

Fear not, the dev has made the plugin customisable. As per the demo files it is possible to capture the change event and override it with your needed changes.

I am presuming that there is something like this in your HTML

You jut have to reverse (horizontally flip) the two path definitions. What may not be obvious is that they are using a lower-case m, so each coordinate pair is relative to the last coordinate pair.

So for example, the start path in the original is: