Skip to content

Instantly share code, notes, and snippets.

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<ul class="colorpicker">
<li><img src="/wp-content/uploads/2017/07/teacup1.png" onclick="showImage('/wp-content/uploads/2017/07/teacup1.png','Blue');" data-pin-nopin="true"><br>Blue</li>
<li><img src="/wp-content/uploads/2017/07/teacup2.png" onclick="showImage('/wp-content/uploads/2017/07/teacup2.png','Red');" data-pin-nopin="true"><br>Red</li>
<li><img src="/wp-content/uploads/2017/07/teacup3.png" onclick="showImage('/wp-content/uploads/2017/07/teacup3.png','Orange');" data-pin-nopin="true"><br>Orange</li>
<li><img src="/wp-content/uploads/2017/07/teacup4.png" onclick="showImage('/wp-content/uploads/2017/07/teacup4.png','Green');" data-pin-nopin="true"><br>Green</li>
</ul>
<style>
.colorpicker {
list-style-type:none;
}
.colorpicker li {
float: left;
list-style-type:none;
text-align: center;
}
<script type="text/javascript">
function showImage(imgPath, imgText) {
var curImage = document.getElementById('currentImg');
curImage.src = imgPath;
curImage.alt = imgText;
curImage.title = imgText;
}
<img src="/wp-content/uploads/2017/07/teacup1.png" id="currentImg" alt="Teacup" title="Blue Teacup">
@robhob
robhob / remove-imagezoom-woocom.php
Last active August 18, 2017 06:52 — forked from rynaldos-zz/remove-pgzoom-theme.php
[WooCommerce 3.0+] Remove product gallery zoom feature
add_action( 'after_setup_theme', 'remove_pgz_theme_support', 100 );
function remove_pgz_theme_support() {
remove_theme_support( 'wc-product-gallery-zoom' );
}
# One year for image files
<filesMatch ".(jpg|jpeg|png|gif|ico)$">
Header set Cache-Control "max-age=31536000, public"
</filesMatch>
# One month for css and js
<filesMatch ".(css|js)$">
Header set Cache-Control "max-age=2628000, public"
</filesMatch>
<script type="text/javascript">
jQuery(document).ready(function() {
// Hide the div
jQuery('#reveal').hide();
jQuery('.rv_button').click(function(e){
e.preventDefault();jQuery("#reveal").slideToggle();
jQuery('.rv_button').toggleClass('opened closed');
});
});
</script>
<style type="text/css">
.rv_button.closed:after {content:"\33";}
.rv_button.opened:after{content:"\32";}
</style>