ГлавнаяCSS, JQuery, JavaScript › Как сделать электронное фото Портфолио


Как сделать электронное фото Портфолио


ПрофильДоброго времени суток всем читателям — Sozdaiblog.ru!

В этой статье я покажу, как сделать электронное фото портфолио.

Идея представленного электронного портфолио заключается в осуществлении красивого показа фотографий с эффектом прожекторного затемнения краёв изображения и осуществлением нескольких видов навигаций.

Думаю, что данное электронное портфолио больше всего подойдёт для применения людям из мира фото искусства.

 

Электронное портфолио

Электронное портфолио

ДЕМО СКАЧАТЬ

Реализовать электронное портфолио очень просто. Достаточно скачать архив с исходными файлами, распаковать и закинуть содержимое на любой хостинг.

В папке images находятся фотографии, которые необходимо заменить своими.

Чтобы осуществить показ фото портфолио по нажатию на ссылку, к примеру, на Вашем сайте. Достаточно при её создании указать путь к файлу index.php, который находится в той же папке.

На этом всё.

С уважением, Денис Черников!




Сделайте, пожалуйста, доброе дело, расскажите о блоге своим друзьям:




14 комментариевА что думаете Вы?

  1. Татьяна

    Очень сипотично, Денис! Это вы сами сделали? Было бы вообще супер если бы еще каждую фотку можно было просмотреть отдельно на весь экран, без затемнения. Т.е. как галерея или слайд шоу и отдельно бес спецэффектов. А когда я залью этот архив на хостинг (мужу нужно что-то подобное, но я пока с бесплатными конструкторами мучаюсь) то кнопки контакты, еще какая-нибудь они будут или только так как в демо будет выглядеть?

    [Ответить]

    Денис Черников ответил:

    Это идея была мною позаимствована у одного замечательного программиста. Я её лишь адаптировал под свой сайт и показал Вам. Всё будет выглядеть, как в демо, но Вы можете всё переделать под себя, если конечно в этом есть опыт.

    [Ответить]

  2. Степан.

    Добрый день Денис.Вот хорошая программа для обработки фото,называется Lightroom.

    [Ответить]

    Денис Черников ответил:

    Спасибо, обязательно посмотрю.

    [Ответить]

  3. Алексей

    Денис! А можно ли установить его во внутрь текста страницы и сделать слайды, чтобы в зависимости от направления выбора они менялись. То есть, это будет уже немного в сторону от портфилио?

    [Ответить]

    Денис Черников ответил:

    Теоретически всё возможно, но на практике замучаетесь верстать.

    [Ответить]

  4. Владимир

    Спасибо Денис. С фотографиями мне нравится работать.

    У меня есть ,что показать.

    С уважением,Владимир

    [Ответить]

    Денис Черников ответил:

    Пожалуйста, Владимир! Думаю, что Вы найдёте применение этому чуду.

    [Ответить]

  5. Марина Антонова

    Замечательная программа. Давно на сайте хотела разместить что-то подобное. Спасибо

    [Ответить]

    Денис Черников ответил:

    Пожалуйста, Марина!Реализовывайте.

    [Ответить]

  6. Валерий

    Пытался загрузить свои фото вместо Ваших, ничего хорошего не получилось.

    Вы не предупредили ,что количество фото должно быть 15, как у Вас. Название файлов фотографий, их размер и ориентация тоже должны совпадать с Вашими! Я загрузил 11 фото, подогнав их имена. При просмотре видны пустые ячейки, а другие не совпадают или по ориентации или размеру (вида лишь часть изображения). Маска-то не меняется. Конечно всё это можно подогнать, например в DW, но это уже другая история... Времени потерял много

    [Ответить]

    Денис Черников ответил:

    Количество можно увеличить, а всё остальное, это вёрстка, которую каждый выполнит по своему усмотрению.

    [Ответить]

  7. Максим

    Доброго времени суток, Денис!

    Есть на вашем сайте интересный материал))) За портфолио спасибо!

    Хочу разместить его в своем блоге foto-boke.ru , ссылку на ваш сайт сделаю обязательно.

    С уважением, Максим.

    [Ответить]

    Денис Черников ответил:

    Здравствуйте, Максим! Рад что это Вам пригодилось!

    [Ответить]

Оставить комментарий!

Вверх