А ещё в связи со скорым крутым обновлением Фоторамы, я хочу переделать её сайт, и загрузить его новыми фотками.

ФОТОГРАФЫ!

Не упустите возможность покрутить свои работы на fotoramajs.com. Напишите письмо, я расскажу про формат.

Рядом с вашей фоторамой будет ссылка на ваш сайт. А ещё я дам вам спец. ссылку для твитера, по которой на главной будут открываться только ваши фотки, типа такой:

http://fotoramajs.com/~barataliev

За текущие фотки спасибо Артёму Сапегину, Игорю Скаляриеву, Денису Талала, Алексею Лебедеву, Сергею Королю, Сэму Бараталиеву и Даше. Ребята, если хотите на второй круг, тоже пишите.

Спасибо!

Первый набор иконок Фоторамы я выпилил из Даркбокса, вот загрузка:

А вот ошибка:

Отличные иконки. Cпасибо, Вадим!

Для будущей версии Фоторамы я нарисовал свои иконки статуса, вот такие:

Разве не загляденье! Про радиальный градиент напишу отдельно :-)

А ещё в связи со скорым крутым обновлением Фоторамы, я хочу переделать её сайт, и загрузить его новыми фотками.

ФОТОГРАФЫ!

Не упустите возможность покрутить свои работы на fotoramajs.com. Напишите письмо, я расскажу про формат.

Рядом с вашей фоторамой будет ссылка на ваш сайт. А ещё я дам вам спец. ссылку для твитера, по которой на главной будут открываться только ваши фотки, типа такой:

http://fotoramajs.com/~talala

За текущие фотки спасибо Артёму Сапегину, Игорю Скаляриеву, Денису Талала, Алексею Лебедеву, Сергею Королю, Сэму Бараталиеву и Даше. Ребята, если хотите на второй круг, тоже пишите.

Спасибо!

В свежей версии Фоторамы я добавил новый способ её инициализации. Теперь в большинстве случаев можно обходится без вот такого инлайн-джаваскрипта:

$(function(){<br>
  $('.fotorama').fotorama();<br>
});

Просто добавляете класс fotorama и блок автоматически превращается в Фотораму:

&lt;div class=&#34;fotorama&#34;><br>
  &lt;img src=&#34;1.jpg&#34;><br>
  &lt;img src=&#34;2.jpg&#34;><br>
  &lt;img src=&#34;3.jpg&#34;><br>
&lt;/div>

Раньше такой способ тоже существовал, но я о нём не рассказывал, потому что ничего нельзя было настроить — инициировалась дефолтная Фоторама. Теперь опции можно указывать с помощью атрибутов data-*:

&lt;div<br>
     class=&#34;fotorama&#34;<br>
     data-backgroundColor=&#34;#797775&#34;<br>
     data-thumbsPreview=&#34;false&#34;<br>
     data-margin=&#34;0&#34;<br>
     data-resize=&#34;true&#34;<br>
><br>
  &lt;img src=&#34;1.jpg&#34;><br>
  &lt;img src=&#34;2.jpg&#34;><br>
  &lt;img src=&#34;3.jpg&#34;><br>
&lt;/div>

А раньше было только так:

&lt;div class=&#34;fotorama&#34;><br>
  &lt;img src=&#34;1.jpg&#34;><br>
  &lt;img src=&#34;2.jpg&#34;><br>
  &lt;img src=&#34;3.jpg&#34;><br>
&lt;/div><br>
&lt;script><br>
$(function(){<br> 
  $('.fotorama').fotorama({<br>
    backgroundColor: '#797775',<br>
    thumbsPreview: false,<br>
    margin: 0,<br>
    resize: true<br>
  });<br>
});<br>
&lt;/script>

Так можно указать все опции, кроме data, html и onShowImg. Прежний способ инициализации и настройки работает без изменений.

Пару недель назад на фестивале в Самаре я не удержался от фотографий в жанре «Я и Микки Маус». Смотрите сколько там хороших людей было:

Фоткали на мобилку.