Указание изображений в Фотораме с помощью массива data

by Axelvaisper

HTML

<link rel="stylesheet" href="http://fotoramajs.com/fotorama/fotorama.css">
<script src="http://fotoramajs.com/fotorama/fotorama.js"></script>
<div id="fotorama">
    To view the gallery please enable a browser feature called Javascript.
</div>

CSS

body { margin: 50px 10px; }

JavaScript

$('#fotorama').fotorama({
    data: [
        {img: 'http://fotoramajs.com/;-)/03.jpg',
         thumb: 'http://fotoramajs.com/;-)/th/03.jpg',
         caption: 'Sasha'},    
        {img: 'http://fotoramajs.com/;-)/05.jpg',
         thumb: 'http://fotoramajs.com/;-)/th/05.jpg',
         caption: 'Masha'},
        {img: 'http://fotoramajs.com/;-)/06.jpg',
         thumb: 'http://fotoramajs.com/;-)/th/06.jpg',
         caption: 'Klasha'},
        {img: 'http://fotoramajs.com/;-)/04.jpg',
         thumb: 'http://fotoramajs.com/;-)/th/04.jpg',
         caption: 'Natasha'},
        {img: 'http://fotoramajs.com/;-)/07.jpg',
         thumb: 'http://fotoramajs.com/;-)/th/07.jpg',
         caption: 'Dasha'}
    ],  
    width: 700,
    height: 467,
    resize: true,
    caption: true
});