JSFiddle - React, Tailwind, and code Playground

by deswolf

HTML

<a href="http://letsplej.jcom.pl/thread-12.html" target="_blank">! Doesn't always work here !</a><br/>
<!----><span>jquery.code.js (line 38)<!----><br/>
<div class="post_body">
    <a href="#"><img src="http://placekitten.com/250/80" alt="no"/></a>
    <img src="http://placekitten.com/80/80" alt=""/>
    <img src="http://placekitten.com/580/80" alt=""/>
    <img src="http://placekitten.com/480/80" alt=""/>
    <img src="http://placekitten.com/198/80" alt="no"/>
     <img src="http://placekitten.com/380/80" alt=""/>
</div>
<div class="post_body">
     <img src="http://placekitten.com/198/80" alt="no"/>
     <img src="http://placekitten.com/380/80" alt=""/>
</div>

CSS

.lightview {
    background-color:blue;
}

a {opacity:.6}

JavaScript

$("div.post_body > img").wrap(function(){
    if ( $(this).width() > 199 ) {
        return $("<a>").attr("href", this.src).addClass("lightview limg");
    }
});