Как легко создать слайд-шоу для вашего сайта с помощью WebProjector

Слайд-шоу с фотографиями — это отличный способ показать группу фотографий на веб-сайте. Есть несколько способов показать такое слайд-шоу. Прежде всего, вы можете использовать сервис фотографий, такой как Flickr или Picasa (онлайн-версия), чтобы сгруппировать ваши фотографии и разместить результат на вашем сайте.

Во-вторых, вы можете создать видеофайл своего слайд-шоу, загрузить его на сайт обмена видео, например YouTube, и встроить видео на свой сайт.

В-третьих, то, что WebProjector делает так просто, — это размещение файлов изображений на вашем собственном сайте и их отображение в слайд-шоу.


Как я уже упоминал выше, WebProjector делает добавление слайд-шоу фотографий на ваш сайт очень простым. Он использует технологию Flex и сводится к нескольким простым шагам для запуска и запуска слайд-шоу.

Скачать файл Zip

Посетите домашнюю страницу и прокрутите вниз до места, где написано «Скачать», и нажмите ссылку с надписью «zip».

сделать свое собственное слайдшоу

Загрузите файл, откройте его и распакуйте файлы в папку на жестком диске. Мы собираемся изменить некоторые вещи, прежде чем загружать их на ваш веб-сервер, такие как добавление ваших фотографий и музыки и несколько настроек.

Получите ваши фотографии на месте

Вы заметите, что в папке есть подпапка с названием «images». Вы найдете примеры изображений там, но вы хотите заменить их на свои. Просто удалите их и вставьте туда свои.

создать слайд-шоу

Когда мы изменим файл XML, мы позаботимся о том, чтобы имена файлов ваших фотографий вызывались вместо примеров.

Получите свою музыку на месте

Предполагая, что у вас есть собственный MP3, который вы предпочитаете воспроизводить в фоновом режиме, вам нужно заменить MP3 по умолчанию своим собственным. Вы хотите самый простой способ? Переименуйте ваш MP3 в «music.mp3» и скопируйте его в файл по умолчанию. Проще простого.

Изменить проектируемый файл .xml

Откройте файл project.xml в текстовом редакторе для простого редактирования.

создать слайд-шоу

Не волнуйтесь, все, что мы хотим настроить, помечено и не так запутанно. Протестируйте слайд-шоу, сохранив файл XML и откройте файл index.html, чтобы увидеть изменения.

Первое, на что вы хотите обратить внимание — это переменные максимальная высота и максимальная ширина. Вы можете изменить эти цифры, чтобы изменить размер слайд-шоу. Похоже, в пикселях, просто чтобы вы знали.

Далее вы можете изменить некоторые настройки времени. Возиться немного, пока вы не получите их, где вы хотите их. Вы можете настроить такие параметры, как длительность появления и затухания, а также продолжительность каждого слайда.

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

Теперь убедитесь, что каталог изображений и имя файла MP3 указаны правильно. Настройте параметры звука по своему вкусу. Помимо ввода имен фотографий в том порядке, в котором вы хотите, чтобы слайды отображались, у вас все настроено с файлом XML.

Отредактируйте файл index.html, чтобы изменить слова, которые отображаются над слайд-шоу.

создать слайд-шоу

Вы могли бы поместить что-то, объясняющее слайд-шоу или что угодно. По умолчанию «Это образец страницы …» просто нужно уйти.

Сохранить Загрузить

Последний шаг сделает ваше слайд-шоу живым. Используя что-то вроде FileZilla, загрузите весь каталог в свое веб-пространство. Чтобы сделать ссылку на него, укажите ссылку на каталог или файл index.html. Либо должен действительно сделать это.

Итак, у вас есть это: ваше собственное слайд-шоу, размещенное в вашем собственном веб-пространстве (вот мое тестовое слайд-шоу).

сделать свое собственное слайдшоу

Я уверен, что вы могли бы сделать некоторые интересные вещи, такие как внедрение кода HTML на другую страницу. Вы даже можете создать страницу портфолио из предоставленного вам файла HTML. Я только что показал вам основы его настройки.

Скажите, что вы думаете о WebProjector? Что вы используете, чтобы поделиться слайд-шоу и почему?

Ссылка на основную публикацию
Adblock
detector