Скрипт галереи + слайд-шоу на JavaScript. Код JavaScript (вставлять между тегами <head> и </head>):. <script language = "JavaScript"> var timer = null; var delay = 2000; var ar_src = new Array(); function setBigImageSlide(group) var group = document. getElementById(group); var images = group. childNodes; var src = new Array(); var k = 0; for (var i = 0; i < images. length; i++) if (images[i] instanceof HTMLImageElement) src[k] = images[i]. src; k++; > > ar_src = src; if (timer != null) clearTimeout(timer); imagesSlide(0); > function imagesSlide(i) var image = document.
getElementById("bigimgslide"); image. src = ar_src[i]; i++; if (i == ar_src. length) i = 0; timer = setTimeout("imagesSlide(" + i + ")", delay); > </script>. Код HTML (вставлять между тегами <body> и </body>):. <div> <p style = 'text-align: center;'> <img id='bigimgslide' src='images/javascript/space_1.
jpg' height='150' alt='Главное изображение' /> </p> <table style = 'margin: 0 auto;' border = '1'> <tr> <td> <img src = 'images/javascript/space_1. jpg' width = '100' alt = 'Изображение 1' /> <div id="space"> <img src = 'images/javascript/space_1. jpg' width = '100' style="display: none;" alt = 'Изображение 1a' /> <img src = 'images/javascript/space_2. jpg' width = '100' style="display: none;" alt = 'Изображение 1b' /> <img src = 'images/javascript/space_3.
jpg' width = '100' style="display: none;" alt = 'Изображение 1c' /> </div> </td> <td> <img src='images/javascript/flower_1. jpg' width='100' alt='Изображение 2' /> <div id="flowers"> <img src='images/javascript/flower_1. jpg' width='100' style="display: none;" alt='Изображение 2a' /> <img src='images/javascript/flower_2. jpg' width='100' style="display: none;" alt='Изображение 2b' /> <img src='images/javascript/flower_3. jpg' width='100' style="display: none;" alt='Изображение 2c' /> </div> </td> <td> <img src='images/javascript/animal_1.
jpg' width='100' alt='Изображение 3' /> <div id="animals"> <img src='images/javascript/animal_1. jpg' width='100' style="display: none;" alt='Изображение 3a' /> <img src='images/javascript/animal_2.
jpg' width='100' style="display: none;" alt='Изображение 3b' /> <img src='images/javascript/animal_3. jpg' width='100' style="display: none;" alt='Изображение 3c' /> </div> </td> </tr> </table> </div>. Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт ( ). Добавляйтесь ко мне в друзья ВКонтакте. .
Бесплатные галереи и слайдшоу, бесплатные скрипты галерей. FancyBox - отличный инструмент для отображения изображений, HTML контента и.
Скрипт галереи и слайд-шоу на JavaScript. </script>. Код HTML (вставлять между тегами <body> и </body>): <div> <p style = 'text-align. QuickBox — простой скрипт для увеличения фотографий. Для примера его работы я сделал эту страницу с несколькими картинками.
Скрипт галереи изображений, фотографий на JavaScript. </script>. Код HTML (вставлять между тегами <body> и </body>): <div>. Скрипты для тех кто делает сайты. UniteGallery - многофункциональная адаптивная галерея. 04мая2015. UniteGallery - многофункциональная.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе:. Если Вы не хотите пропустить новые материалы на сайте, то Вы можете подписаться на обновления. Подписаться на обновления.
Бесплатные скрипты слайд-шоу, галерей и лайтбоксов. Утилита для отображения изображений, HTML -контента и мультимедии в.
Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы. Порекомендуйте эту статью друзьям:. Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):. Она выглядит вот так:. BB-код ссылки для форумов (например, можете поставить её в подписи):. Комментарии ( 48 ):. Здравствуйте, Михаил! Взяла этот скрипт, поменяла адрес картинок, и что-то у меня ничего не работает.
Показывает галерею, и главную картинку, слайдов нет, и не работает функция перехода в галерее на другую картинку :( Подскажите что не так?. Вы точно заменили только пути, быть может, Вы заменили весь тег <img>. Или может быть, случайно, где-то стёрли id. Здесь каждая строчка имеет огромное значение. А вообще возьмите этот скрипт, все картинки оставьте прежними и проверьте, чтобы она работал. Когда он заработает, начинайте потихоньку (не все сразу) заменять пути к картинкам. Михаил, переписала все заново- не работает.
Вы уже просите. Всё, что здесь нужно - это правильно прописать пути к изображениям, а также вставить в нужные места куски кода (в статье написано куда). Вы меня простите пожалуйста,но что-то я не то делаю наверно.
Коды вставила куда Вы написали. Но ничего не отображается. Вот часть кода html: <div> <p style = 'text-align: center;'> <img id='bigimgslide' src='images/javascript/w/104. jpg' height='150' alt='Главное изображение' /> </p> <table style = 'margin: 0 auto;' border = '1'> <tr> <td> <img src = 'images/javascript/w/104.
jpg' width = '100' alt = 'Изображение 1' /> <div id="space"> <img src = 'images/javascript/w/105. jpg' width = '100' style="display: none;" alt = 'Изображение 1a' /> <img src = 'images/javascript/w/106. jpg' width = '100' style="display: none;" alt = 'Изображение 1b' /> <img src = 'images/javascript/w/107. jpg' width = '100' style="display: none;" alt = 'Изображение 1c' /> </div> Подскажите пожалуйста, что не так.
У Вас везде style="display: none;" - так быть не должно.