Подскажите как сделать что бы изображение сменялось другим при каждом обновлении страницы(новый заход либо проходы по разделам)
Мне нужно прописать 4-5 изображений, соостветственно что бы они менялись. Спасибо!!!
скрин во вложении.
1
Новое Изображение При Разных Заходах
Автор Navihome_ru, 25 июня 2014 14:59
Сообщений в теме: 4
#1
Отправлено 25 Июнь 2014 - 14:59
#2
Отправлено 26 Июнь 2014 - 01:47
Вы можете сделать следующее - каждое изображение необходимо обвернуть в дополнительный блок div (если это уже не сделано). Например
Для показа одного изображения:
Для показа нескольких изображений:
После этого в файл стилей *.css добавляете класс который скрывает все добавленные блоки -
далее остается реализовать логику на javascript. Для этого добавляете в main.js следующий код
Данный код просто получает случайное число от числа присутствующих блоков и на основе этих данных отображает блок.
Для показа одного изображения:
<div class="randItem"> <img src="" alt="" /> </div> <div class="randItem"> <img src="" alt="" /> </div> <div class="randItem"> <img src="" alt="" /> </div>
Для показа нескольких изображений:
<div class="randItem"> <img src="" alt="" /> <img src="" alt="" /> <img src="" alt="" /> </div> <div class="randItem"> <img src="" alt="" /> <img src="" alt="" /> <img src="" alt="" /> </div> <div class="randItem"> <img src="" alt="" /> <img src="" alt="" /> <img src="" alt="" /> </div>
После этого в файл стилей *.css добавляете класс который скрывает все добавленные блоки -
.randItem { display: none; }
далее остается реализовать логику на javascript. Для этого добавляете в main.js следующий код
$(function() { $('.randItem:eq(' + Math.floor(Math.random() * ($('.randItem').size() + 1)) + ')').show(); });
Данный код просто получает случайное число от числа присутствующих блоков и на основе этих данных отображает блок.
#3
Отправлено 09 Июль 2014 - 00:59
Сake (26 Июнь 2014 - 01:47) писал:
Вы можете сделать следующее - каждое изображение необходимо обвернуть в дополнительный блок div (если это уже не сделано). Например
...................
...................
Данный код просто получает случайное число от числа присутствующих блоков и на основе этих данных отображает блок.
...................
...................
Данный код просто получает случайное число от числа присутствующих блоков и на основе этих данных отображает блок.
Здравствуйте, к сожалению не вышло. изображения показаны все сразу друг на друге.
http://navihome.ru/
помогите сделать так что бы появлялись по очереди с каждым переходом страницы либо обновлением. И чтобы появлялось при прокрутки ниже половины страницы низ, как сейчас.но не кучей а по очереди, по одному
Спасибо.!
#4
Отправлено 09 Июль 2014 - 02:53
В вашем файле стилей присутствует ошибка (не закрыта фигурная скобка), вероятно возникшая при добавлении стиля, в результате стили идущие после ошибки не применяются. Найдите в файле main.css код
и замените его на
.callme__p { text-align: center; padding: 10px; border: 0px dashed #3399CC; line-height: 19px; border-radius: 1px; .randItem { display: none; }
и замените его на
.callme__p { text-align: center; padding: 10px; border: 0px dashed #3399CC; line-height: 19px; border-radius: 1px; } .randItem { display: none; }
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных