JSFiddle - React, Tailwind, and code Playground

by Can

HTML

<script src="http://www.no-margin-for-errors.com/wp-content/themes/NMFE/js/jquery.prettyPhoto.js"></script>
<link rel="stylesheet" href="http://www.no-margin-for-errors.com/wp-content/themes/NMFE/css/prettyPhoto.css">
<a href="http://i2.listal.com/image/6978/600full.jpg" rel="prettyPhoto" title="This is the description"><img src="http://i2.listal.com/image/6978/600full.jpg" width="60" height="60" alt="This is the title" /></a>
<a href="http://celebcenter.us/wp-content/uploads/2011/03/millajovovich3.jpg" rel="prettyPhoto" title="This is the description"><img src="http://celebcenter.us/wp-content/uploads/2011/03/millajovovich3.jpg" width="60" height="60" alt="This is the title" /></a>

<a href="http://www.angelic-scarlett.com/milla-jovovich.jpg" rel="prettyPhoto" title="This is the description"><img src="http://www.angelic-scarlett.com/milla-jovovich.jpg" width="60" height="60" alt="This is the title" /></a>

JavaScript

$("a[rel^='prettyPhoto']").prettyPhoto({
    default_width: 800,
    default_height: 600
});