Перейти к содержимому


Новое Изображение При Разных Заходах


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 4

#1 Navihome_ru

Navihome_ru

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 94 сообщений
  • ГородМосква

Отправлено 25 Июнь 2014 - 14:59

Подскажите как сделать что бы изображение сменялось другим при каждом обновлении страницы(новый заход либо проходы по разделам)
Мне нужно прописать 4-5 изображений, соостветственно что бы они менялись. Спасибо!!!
скрин во вложении.

Прикрепленные изображения

  • IMG_20140605_122556.jpg


#2 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 26 Июнь 2014 - 01:47

Вы можете сделать следующее - каждое изображение необходимо обвернуть в дополнительный блок div (если это уже не сделано). Например

Для показа одного изображения:

<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 Navihome_ru

Navihome_ru

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 94 сообщений
  • ГородМосква

Отправлено 09 Июль 2014 - 00:59

Просмотр сообщенияСake (26 Июнь 2014 - 01:47) писал:

Вы можете сделать следующее - каждое изображение необходимо обвернуть в дополнительный блок div (если это уже не сделано). Например
...................
...................

Данный код просто получает случайное число от числа присутствующих блоков и на основе этих данных отображает блок.

Здравствуйте, к сожалению не вышло. изображения показаны все сразу друг на друге.
http://navihome.ru/

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

Спасибо.!

#4 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 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;
}


#5 Navihome_ru

Navihome_ru

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 94 сообщений
  • ГородМосква

Отправлено 09 Июль 2014 - 10:35

Просмотр сообщенияСake (09 Июль 2014 - 02:53) писал:

В вашем файле стилей присутствует ошибка (не закрыта фигурная скобка), вероятно возникшая при добавлении стиля, в результате стили идущие после ошибки не применяются. Найдите в файле main.css код





Спасибо за помощь!!!!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных