Добро пожаловать в удивительный мир очевидного и невероятного

Быстрое и понятное создание простого фотоальбома на языке Java Script шаблон для создания фотоальбома, рабочий скрипт (Java Script) фотоальбома здесь как создать свой фотоальбом для сайта?

Быстрое и понятное создание простого
фотоальбома на языке Java Script

Ocean X Неизвестный океан

Возврат на главную страницу
Веб технологии

Компьютерные технологии
Возврат в раздел Наука

Наука

Товары и продукты наших партнеров в онлайн интернет магазинах Техносила
Huawei
Rosewholesale.com INT
Growfood.pro
Консул
ТРАЕКТОРИЯ
ТРАЕКТОРИЯ
Enter
Enter
003
Сады России
DX.com INT
HI-RU
Wildberries RU


Как создать свой фотоальбом для сайта?
Шаблон для создания фотоальбома, рабочий скрипт (Java Script)
фотоальбома здесь

  Собственно фотоальбом состоит из нескольких частей,
 
 

 

  Исполняющего кода, где указаны исполняющие значения
  и линки (адреса) где лежат фотографии

  <script language = "JavaScript"> numimg=0 imgslide=new Array () imgslide[0]=new Image () imgslide[1]=new Image () imgslide[2]=new Image () imgslide[3]=new Image () imgslide[4]=new Image () imgslide[0].src ="http://overwow.org/image/woman-with-wide-hips-40-02-2017.jpg" imgslide[1].src ="http://overwow.org/image/woman-with-wide-hips-41-02-2017.jpg" imgslide[2].src ="http://overwow.org/image/woman-with-wide-hips-42-02-2017.jpg" imgslide[3].src ="http://overwow.org/image/woman-with-wide-hips-43-02-2017.jpg" imgslide[4].src ="http://overwow.org/image/woman-with-wide-hips-44-02-2017.jpg" function dem(n) { if (n==1) { numimg++ if (numimg==5) numimg=0; } else {numimg-- if (numimg== -1) numimg=4; } document.images ["woman"].src=imgslide [numimg].src } </script>

  Далее, код с кнопками, чтобы листать вперед и назад.
  Здесь я вырезал, название и текст,
  оставил только кнопки, что бы было понятней вам,

  <input type=button value=Назад onClick="dem(0)"> <input type=button value=Вперед onClick="dem(1)">

 
  и третья часть альбома, так сказать видимая часть, то что
  непосредственно будет отражаться на вашей странице,
  этот код вы можете поместить в том месте, где вы хотите,
  я задал свои размеры, на отображения фотографий.
  вот этот код
  по id = "woman" у вас может быть свое значение,
  по исполняющей команде первого кода document.images ["woman"]
  находится значение id = "woman" второго кода, которое и отображается
  на странице во время выполнения команд.
  внимание название исполняемой команды в первом и во втором коде должны
  быть одинаковы, иначе исполняемая команда не найдет путь,
  также вы должны дать адрес на первую фотографию,
  и точно такой же адрес должен быть в исполняемом скрипте.
  иначе также исполняемая команда, не найдет путь к первой и последующим фотографиям.
  вот этот код с видимой фотографией
  я задал свои размеры 640 на 428, соответствующей пропорции
  для этой фото.
  у ваших фото будут свои размеры, можете вообще убрать значение с размерами,
  будет отображаться реальный размер каждой фотографии.

  <img src = "http://overwow.org/image/woman-with-wide-hips-40-02-2017.jpg" id = "woman" width="640" height="428">

  его советуют вставлять между тегами, <body> ... </body>
  но как я заметил он и без него не критично отображается. и вот все коды вместе

  <script language = "JavaScript"> numimg=0 imgslide=new Array () imgslide[0]=new Image () imgslide[1]=new Image () imgslide[2]=new Image () imgslide[3]=new Image () imgslide[4]=new Image () imgslide[0].src ="http://overwow.org/image/woman-with-wide-hips-40-02-2017.jpg" imgslide[1].src ="http://overwow.org/image/woman-with-wide-hips-41-02-2017.jpg" imgslide[2].src ="http://overwow.org/image/woman-with-wide-hips-42-02-2017.jpg" imgslide[3].src ="http://overwow.org/image/woman-with-wide-hips-43-02-2017.jpg" imgslide[4].src ="http://overwow.org/image/woman-with-wide-hips-44-02-2017.jpg" function dem(n) { if (n==1) { numimg++ if (numimg==5) numimg=0; } else {numimg-- if (numimg== -1) numimg=4; } document.images ["woman"].src=imgslide [numimg].src } </script> <body> <BR>&nbsp <img src = "http://overwow.org/image/woman-with-wide-hips-40-02-2017.jpg" id = "woman" width="640" height="428"> <BR>&nbsp <input type=button value=Назад onClick="dem(0)"> <input type=button value=Вперед onClick="dem(1)"> </body> <BR>

  и в реале вот что получилось
 
 
 

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


  Все!

Comments

No comments yet
*Name:
Email:
Notify me about new comments on this page
Hide my email
*Text:
 
 
Powered by Scriptsmill Comments Script


 
Content advertisement







Насколько опасно летать самолетом?

почему нам говорят летать безопасней чем ездить на машине?
Почему мои ляжки трясутся?

мои ляжки и попа трясется когда я бегаю и делаю зарядку.
как не стать жертвой хищника?

Что такое враждебная территория?
Предупреждающая интуиция, как развить интуицию?

Открытие и развити третьего глаза.
Бурпи (Burpee) для потери веса

упражнение с отжиманием и прыжками.
Создание фотоальбома на языке Java Script

Шаблон для создания фотоальбома, рабочий скрипт (Java Script)
Какой стиль жизни выбрать женщине с широкими бедрами?

Для девушек с широкими бедрами, большой попой и толстыми ногами.
Почему касатка утопила женщину тренера?

Почему касатка утопила женщину тренера?

Удалять или сохранить здоровые корни зубов?

Восстановление полностью
разрушенного зуба возможно?

Какой рост у Иванки Трамп?

Какой рост у Иванки Трамп?
Какой рост у Дональда Трампа?

Какой рост у Дональда Трампа?
Какой рост считается маленьким?

От какой отметки в сантиметрах,
начинается малый рост?
Превосходный дом для очень богатых людей

В США продается очень дорогой дом
вместе с вертолетом, машинами, яхтой и прислугой
Как обнять высокую девушку, парню маленького роста?

Как обнимать высокую женщину, парню небольшого роста?
На какой высоте начинается кислородное голодание?

Почему женщины, чаще выносливее мужчин?
Как запоминать информацию?

Или почему вы не можете
выучить английский язык? часть 2
Опасности обратных течений в океане, море или большом озере.

Что делать если вас уносит в океан, обратное течение?
Как улучшить работу мозга?

Система обучения
Развитие суперпамяти, как работает наш мозг?
Как живут высокие девушки
с мужчинами маленького роста?


Я высокая он маленький.
Что чувствует высокая женщина
когда ее мужчина ниже ее ростом?
В какие игры играют девушки?

Знакомства в онлайн играх

Юные навсегда,
есть ли такие люди на нашей планете?


Люди после 30 лет, для которых старость останавливается.
У Джона Траволты в гараже стоят самолеты.

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

Что чувствует человек которого удалили из друзей?
Настройка беспроводной сети WI-FI компьютер - компьютер

Что делать если беспроводная сеть WI-FI не работает. Ошибки подключения беспроводной сети
Куда уехать жить?

Или стоимость жилья в разных уголках нашей
Кто сильнее грузовик или буксир?

Смотрим видео, грузовик против буксира.
Самые экстремальные аэропорты мира

Самые опасные аэропорты мира
Какой рост Александра Буйнова?

Какой рост Александра Буйнова?
Почему ребенок отстает от сверстников?

Почему ребенок боится сверстников?
Футбольное поле в необычном месте

Лофотенские острова
Рост известных российских спортсменов

рост знаменитостей

1

2

3

4
5

6

7

8

8



Самые удивительные места

Клуб Путешественников

Наука и Техника

Наука и Техника

Мир и человек

Мир и человек

Эзотерика

Эзотерика



Statistics