JSFiddle - React, Tailwind, and code Playground

by manzanotti

HTML

<script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.2.1.debug.js"></script>
<img data-bind="attr: { src: imgSrc }" />

JavaScript

var viewModel = function () {
    var self = this;
    self.flipped = ko.observable(true);
    var origString = 'http://www.fillmurray.com/200/300';
    var flippedString = 'http://www.fillmurray.com/300/200';

    self.imgSrc = ko.computed(function () {
        return self.flipped() ? flippedString : origString;
    });

};
$(function () {
    var vm = new viewModel();
    ko.applyBindings(vm);
    setInterval(function () {
        console.log(vm.imgSrc());
        vm.flipped(!vm.flipped());
    }, 300);

});