Презентация слайд шоу

Презентация слайд шоу

Здравствуйте ! Уважаемый посетитель моего Блога.

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

Посмотреть работу скрипта Вы можете здесь Посмотреть

Вы так же с легкостью сможете сделать точно такую. Презентация слайд шоу своих товаров, животных а также своих закадычных друзей и подружек и т.д
Итак, как Вы правильно поняли сегодня нас ждет презентация слайд шоу с помощью
языка программирования Java Script. Что, непривычно? Это хорошо… Когда человек чего-то недопонимает, силы его
мобилизуется, значит, эффект будет максимальным.

Итак, почему именно Java Script ? Можно же создать презентация слайд шоу и без него? Конечно можно, Можно с
помощью фреймов и/или таблиц. Но я до них еще не дошел. Как дойду, обязательно
сделаю то, что хочется. А вот почему мне понравился этот Java Script, так это тем,
что одну и ту же программу можно использовать сколько угодно раз, просто
подправляя немного данные.
В настоящее время в мою задачу входит дать Вам само понятие принципа работы
данного скипта, поэтому специально для Вас я подготовил изображения скачать. Помните, что ваши изображения должны быть полностью оптимизированы для web.

pro01.jpg, pro02.jpg, pro03.jpg, pro04.jpg, pro05.jpg и pro06.jpg.

Размер всех моих изображений — 400х300.

Я хочу выделить первое – Изображение Добро пожаловать в Школу PRO pro01.jpg, а под ним разместить две кнопки с надписями назад и вперед с тем, чтобы,
нажимая на соответствующую кнопку, вызывать следующее, либо предыдущее изображение.
Я не смогу научить вас всему языку Java Script, потому как многого еще не знаю. Но постараюсь объяснить, как использовать
некоторые его возможности. Надеюсь, у меня это получится. Надеюсь, так же получится
и у Вас.
Рассмотрим по частям то, что мы напишем в нашем блокноте:

Надеюсь, с этой строчкой Вам все понятно. По умолчанию будет загружено
изображение pro01.jpg, шириной 400, высотой 300

Это у нас будет загружена форма, имя (name), которой — form1, состоящая из двух кнопок (button), текст на которых (input type) будет на одной — назад, а на другой — вперед. При нажатии на соответствующую кнопку (onClick) будет выполняться либо сценарий функции dem(0), либо сценарий функции dem(1).
Как видите это проще простого, а теперь пойдет немного посложнее поэтому видьте
повнимательней. Сейчас мы будем с Вами рассматривать, как выполнить этот
сценарий на языке Java Script.
Как я уже Вам объяснял в своей предыдущей статье Слайды на сайте то и здесь также следующие сценарии записываются между тэгами <head> и </head>.
Сначала запишем язык, который мы будем использовать

Затем загрузим предварительно все наши изображения: для этого сначала создадим
массив (Array) для наших изображений, элементы которого создаются вызовом new Image(). Обратите внимание, что нумерация элементов массивов начинается с нуля (и так почти во всех языках программирования), i-ый элемент указывается путем добавления после имени переменной [i]. Не ошибитесь! Особо указывается, что каждое изображение создается с помощью
оператора new, то есть раннее эта переменная не описана. Всего изображений у меня — шесть, от
pro01.jpg до pro06.jpg, следовательно получится шесть элементов в массиве:

Далее каждому порядковому imgslide подставляем свое изображение

Затем появляется еще сценарий, отвечающий за смену изображений dem(n), где n номер изображения (от 0 до 5), так как у меня, если вы не забыли, 6 изображений. Теперь давайте
дадим описание этому сценарию (функции):

document — это структура, которая содержит информацию о параметрах страницы. Мы видим
его в виде страницы в окне браузера с кнопками, картинками, и т.д. Посмотрим, что
именно происходит в вышеописанной функции. Алгоритм таков: функции передается
параметр n, отвечающий за то, какая кнопка нажата — назад или вперед. Если вперед, то n — 1, в противном случае 0.
Осуществляем проверку на равенство с 1Javascript проверка на равенство содержит не одно, а два знака =). Если 1, т.е. была нажата кнопка вперед, то увеличиваем индекс, который мы задали переменной numimg, на 1 (numimg++). Аналогично делаем в случае, если n равно 0 — уменьшаем на 1 (numimg—). Обязательно надо делать проверку на границы. Ведь у нас нет изображений с
индексами 6 или -1.
После этого мы присваиваем источнику изображения (источник — имя файла на диске,
хранящего изображение) в нашем документе под номером 0 (у нас только одно изображение на странице) источник изображения с только что
вычисленным индексом numimg в созданном нами массиве изображений imgslide.
Ну, вот вроде бы и вся теория. Если Вы что то не поняли, не расстраивайтесь.
Прописывайте все как есть у меня, только подставляйте свои изображения со своими
именами, учитывая их количество. Добавляя или уменьшая количество строк, но для
начала возьмите готовый мой скрипт и постарайтесь просто его вставить, чтоб он у
Вас заработал. В крайнем случае напишите мне в чем проблема. Всегда помогу. Вот и
все.

скачать

Так что привожу полный скрипт моей Презентации слайд шоу, который я назвал pro

7 Comments on Презентация слайд шоу

  1. Николай // 09.11.2010 at 10:22 //

    О, это что-то, недавно где-то уже о таком слышала. Ваше мнение имеет основание быть. Вы понимаете то, о чем пишите. Немного почитав, хотелось бы узнать больше.

  2. school grants // 22.11.2010 at 10:30 //

    Terrific work! This is the type of information that should be shared around the web. Shame on the search engines for not positioning this post higher!
    Потрясающие работы! Это тип данных, которые должны распределяться по всему Интернету. Позор на поисковые системы для позиционирования этот пост выше!

  3. maria andros // 29.11.2010 at 13:38 //

    You certainly deserve a round of applause for your post and more specifically, your blog in general. Very high quality material
    Вы, безусловно, заслуживают аплодисментов за Ваше сообщение и, более конкретно, ваш блог в целом. Очень материал высокого качества

  4. autism symptoms // 06.12.2010 at 10:35 //

    Wow this is a great resource.. I’m enjoying it.. good article
    Вау это большой ресурс .. Я наслаждаюсь этим .. хорошая статья

  5. Татьяна // 26.02.2011 at 02:52 //

    Отличный блог! Много полезного и интересного для «чайников»))) СПАСИБО!!!

  6. James V Despain // 31.03.2011 at 22:42 //

    Thanks for the great post. Спасибо за большой пост.

  7. Xrumer Blast Seo Services // 12.06.2011 at 06:47 //

    hello, love from finland. your post looks great. Mind if i quote it in my blog?

Leave a comment

Your email address will not be published.


*