jupyter notebook: slide to change images

sliding_widget.ipynb

{
 "cells": [
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "Populating the interactive namespace from numpy and matplotlib\n"
     ]
    }
   ],
   "source": [
    "%pylab inline\n",
    "from ipywidgets import interact\n",
    "import numpy as np"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "metadata": {
    "collapsed": false
   },
   "outputs": [],
   "source": [
    "allimages = np.zeros((28*28, 28, 28))\n",
    "cc = 0\n",
    "for i in range(28):\n",
    "    for j in range(28):\n",
    "        allimages[cc, i, j] = 1\n",
    "        cc += 1"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "<matplotlib.figure.Figure at 0x7f0befb415d0>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "fig = figure()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "<matplotlib.figure.Figure at 0x7f0befb415d0>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "image/png": "iVBORw0KGgoAAAANSUhEUgAAAP8AAAD8CAYAAAC4nHJkAAAABHNCSVQICAgIfAhkiAAAAAlwSFlz\nAAALEgAACxIB0t1+/AAACo1JREFUeJzt3V/o3fV9x/HnaxojS3uh6xYyK7OCDKSwFH5kg8rocO2s\nDGJvpLkoGQjpRVta6EWlvZiXMtaWXYxCOkOz0dkNWjEXsqKhIIUh/pRMo27TSkqTxaTFQW1hMdr3\nLn5fy6/6++c53/MnvJ8POPzO+Z7v7/d9c8gz55zvOfBJVSGpn99a9ACSFsP4paaMX2rK+KWmjF9q\nyvilpoxfasr4paaMX2rq6nke7JrsrmvZM89DSq38H7/k9bqUnew7VfxJ7gD+DrgK+Iequn+r/a9l\nD3+c26c5pKQtPFEnd7zvxC/7k1wF/D3wceBW4FCSWyf9e5Lma5r3/AeAl6rq5ap6HfgOcHCcsSTN\n2jTx3wD8ZN3ts8O235DkSJLVJKuXuTTF4SSNaeZn+6vqaFWtVNXKLnbP+nCSdmia+M8BN667/f5h\nm6QrwDTxPwnckuQDSa4BPgmcGGcsSbM28Ud9VfVGks8C32fto75jVfXcaJNJmqmpPuevqkeAR0aa\nRdIc+fVeqSnjl5oyfqkp45eaMn6pKeOXmjJ+qSnjl5oyfqkp45eaMn6pKeOXmjJ+qSnjl5oyfqkp\n45eaMn6pKeOXmjJ+qSnjl5oyfqkp45eaMn6pKeOXmjJ+qSnjl5oyfqkp45eaMn6pqalW6U1yBngN\neBN4o6pWxhhK0uxNFf/gz6rqZyP8HUlz5Mt+qalp4y/gsSRPJTkyxkCS5mPal/23VdW5JL8HPJrk\nP6vq8fU7DP8pHAG4lt+e8nCSxjLVM39VnRt+XgQeAg5ssM/RqlqpqpVd7J7mcJJGNHH8SfYkee9b\n14GPAafHGkzSbE3zsn8v8FCSt/7OP1fVv40ylaSZmzj+qnoZ+KMRZ5E0R37UJzVl/FJTxi81ZfxS\nU8YvNWX8UlPGLzVl/FJTxi81ZfxSU8YvNWX8UlPGLzVl/FJTxi81ZfxSU8YvNWX8UlPGLzVl/FJT\nxi81ZfxSU2Os0iu18/3/ObXl/X/x+/vnNMnkfOaXmjJ+qSnjl5oyfqkp45eaMn6pKeOXmtr2c/4k\nx4C/BC5W1QeHbdcD/wLcBJwB7q6q/53dmNJyuRI+x9/OTp75vwXc8bZt9wInq+oW4ORwW9IVZNv4\nq+px4NW3bT4IHB+uHwfuGnkuSTM26Xv+vVV1frj+CrB3pHkkzcnUJ/yqqoDa7P4kR5KsJlm9zKVp\nDydpJJPGfyHJPoDh58XNdqyqo1W1UlUru9g94eEkjW3S+E8Ah4frh4GHxxlH0rxsG3+SB4F/B/4w\nydkk9wD3Ax9N8iLw58NtSVeQbT/nr6pDm9x1+8izSJojv+EnNWX8UlPGLzVl/FJTxi81ZfxSU8Yv\nNWX8UlPGLzVl/FJTxi81ZfxSU8YvNWX8UlPGLzVl/FJTxi81ZfxSU8YvNWX8UlPGLzVl/FJTxi81\nZfxSU8YvNWX8UlPGLzVl/FJTxi81ZfxSU9vGn+RYkotJTq/bdl+Sc0lODZc7ZzumpLHt5Jn/W8Ad\nG2z/elXtHy6PjDuWpFnbNv6qehx4dQ6zSJqjad7zfy7JM8PbgutGm0jSXEwa/zeAm4H9wHngq5vt\nmORIktUkq5e5NOHhJI1tovir6kJVvVlVvwK+CRzYYt+jVbVSVSu72D3pnJJGNlH8Sfatu/kJ4PRm\n+0paTldvt0OSB4GPAO9Lchb4a+AjSfYDBZwBPj3DGSXNwLbxV9WhDTY/MINZJM2R3/CTmjJ+qSnj\nl5oyfqkp45eaMn6pKeOXmjJ+qSnjl5oyfqkp45eaMn6pKeOXmjJ+qSnjl5oyfqkp45eaMn6pKeOX\nmjJ+qSnjl5oyfqkp45eaMn6pKeOXmjJ+qSnjl5oyfqkp45eaMn6pqW3jT3Jjkh8keT7Jc0k+P2y/\nPsmjSV4cfl43+3EljWUnz/xvAF+sqluBPwE+k+RW4F7gZFXdApwcbku6Qmwbf1Wdr6qnh+uvAS8A\nNwAHgePDbseBu2Y1pKTxvav3/EluAj4EPAHsrarzw12vAHtHnUzSTO04/iTvAb4LfKGqfr7+vqoq\noDb5vSNJVpOsXubSVMNKGs+O4k+yi7Xwv11V3xs2X0iyb7h/H3Bxo9+tqqNVtVJVK7vYPcbMkkaw\nk7P9AR4AXqiqr6276wRweLh+GHh4/PEkzcrVO9jnw8CngGeTnBq2fRm4H/jXJPcAPwbuns2IkmZh\n2/ir6odANrn79nHHkTQvfsNPasr4paaMX2rK+KWmjF9qyvilpoxfasr4paaMX2rK+KWmjF9qyvil\npoxfasr4paaMX2rK+KWmjF9qyvilpoxfasr4paaMX2rK+KWmjF9qyvilpoxfasr4paaMX2rK+KWm\njF9qyvilpraNP8mNSX6Q5PkkzyX5/LD9viTnkpwaLnfOflxJY7l6B/u8AXyxqp5O8l7gqSSPDvd9\nvar+dnbjSZqVbeOvqvPA+eH6a0leAG6Y9WCSZutdvedPchPwIeCJYdPnkjyT5FiS6zb5nSNJVpOs\nXubSVMNKGs+O40/yHuC7wBeq6ufAN4Cbgf2svTL46ka/V1VHq2qlqlZ2sXuEkSWNYUfxJ9nFWvjf\nrqrvAVTVhap6s6p+BXwTODC7MSWNbSdn+wM8ALxQVV9bt33fut0+AZwefzxJs7KTs/0fBj4FPJvk\n1LDty8ChJPuBAs4An57JhJJmYidn+38IZIO7Hhl/HEnz4jf8pKaMX2rK+KWmjF9qyvilpoxfasr4\npaaMX2rK+KWmjF9qyvilpoxfasr4paaMX2oqVTW/gyU/BX68btP7gJ/NbYB3Z1lnW9a5wNkmNeZs\nf1BVv7uTHeca/zsOnqxW1crCBtjCss62rHOBs01qUbP5sl9qyvilphYd/9EFH38ryzrbss4Fzjap\nhcy20Pf8khZn0c/8khZkIfEnuSPJfyV5Kcm9i5hhM0nOJHl2WHl4dcGzHEtyMcnpdduuT/JokheH\nnxsuk7ag2ZZi5eYtVpZe6GO3bCtez/1lf5KrgP8GPgqcBZ4EDlXV83MdZBNJzgArVbXwz4ST/Cnw\nC+Afq+qDw7a/AV6tqvuH/zivq6ovLcls9wG/WPTKzcOCMvvWrywN3AX8FQt87LaY624W8Lgt4pn/\nAPBSVb1cVa8D3wEOLmCOpVdVjwOvvm3zQeD4cP04a/945m6T2ZZCVZ2vqqeH668Bb60svdDHbou5\nFmIR8d8A/GTd7bMs15LfBTyW5KkkRxY9zAb2DsumA7wC7F3kMBvYduXmeXrbytJL89hNsuL12Dzh\n9063VdV+4OPAZ4aXt0up1t6zLdPHNTtauXleNlhZ+tcW+dhNuuL12BYR/zngxnW33z9sWwpVdW74\neRF4iOVbffjCW4ukDj8vLnieX1umlZs3WlmaJXjslmnF60XE/yRwS5IPJLkG+CRwYgFzvEOSPcOJ\nGJLsAT7G8q0+fAI4PFw/DDy8wFl+w7Ks3LzZytIs+LFbuhWvq2ruF+BO1s74/wj4yiJm2GSum4H/\nGC7PLXo24EHWXgZeZu3cyD3A7wAngReBx4Drl2i2fwKeBZ5hLbR9C5rtNtZe0j8DnBoudy76sdti\nroU8bn7DT2rKE35SU8YvNWX8UlPGLzVl/FJTxi81ZfxSU8YvNfX/bkBZon48XLIAAAAASUVORK5C\nYII=\n",
      "text/plain": [
       "<matplotlib.figure.Figure at 0x7f0becc9ffd0>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "def make_image(index):\n",
    "    img = allimages[int(index)]\n",
    "    imshow(img) \n",
    "    return fig\n",
    "\n",
    "_ = interact(make_image, index=(0, allimages.shape[0]-1)) "
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 2",
   "language": "python",
   "name": "python2"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 2
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython2",
   "version": "2.7.13"
  },
  "widgets": {
   "state": {
    "42a4bd29f3294b2f95af912733a6aa78": {
     "views": [
      {
       "cell_index": 3
      }
     ]
    }
   },
   "version": "1.2.0"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 2
}