Clickable Thumbnails

WC Show Hide has built-in clickable thumbnail functionality. The following are examples of clickable thumbnail sizes when you link to a large image file:

Thumbnail 100

This is a thumbnail image style at 100 pixels wide. The original image is much wider. If you click on it once, it will increase to 100% of the template width. If you click on it again, it toggles back to 100 pixels wide. All you need is the following HTML:

<img id="example01" src="INSERT IMAGE HERE" alt="INSERT ALT TAG HERE" class="thumbnail100 example01 showme clickme"/>

Thumbnail 150

This is a thumbnail image style at 150 pixels wide. The original image is much wider. If you click on it once, it will increase to 100% of the template width. If you click on it again, it toggles back to 150 pixels wide. All you need is the following HTML:

<img id="example02" src="INSERT IMAGE HERE" alt="INSERT ALT TAG HERE" class="thumbnail150 example02 showme clickme"/>

Thumbnail 200

This is a thumbnail image style at 200 pixels wide. The original image is much wider. If you click on it once, it will increase to 100% of the template width. If you click on it again, it toggles back to 200 pixels wide. All you need is the following HTML:

<img id="example03" src="INSERT IMAGE HERE" alt="INSERT ALT TAG HERE" class="thumbnail200 example03 showme clickme"/>

Thumbnail 250

This is a thumbnail image style at 250 pixels wide. The original image is much wider. If you click on it once, it will increase to 100% of the template width. If you click on it again, it toggles back to 250 pixels wide. All you need is the following HTML:

<img id="example04" src="INSERT IMAGE HERE" alt="INSERT ALT TAG HERE" class="thumbnail250 example04 showme clickme"/>

Thumbnail 300

This is a thumbnail image style at 300 pixels wide. The original image is much wider. If you click on it once, it will increase to 100% of the template width. If you click on it again, it toggles back to 300 pixels wide. All you need is the following HTML:

<img id="example05" src="INSERT IMAGE HERE" alt="INSERT ALT TAG HERE" class="thumbnail300 example05 showme clickme"/>

Thumbnail 350

This is a thumbnail image style at 350 pixels wide. The original image is much wider. If you click on it once, it will increase to 100% of the template width. If you click on it again, it toggles back to 350 pixels wide. All you need is the following HTML:

<img id="example06" src="INSERT IMAGE HERE" alt="INSERT ALT TAG HERE" class="thumbnail350 example06 showme clickme"/>