Сообщений в теме: 9

[Alena]

Добрый день. подскажите пожалуйста возможно ли так сделать:

Необходимо чтобы при нажатии на кнопку Города или Цветы, скрывались и показывались фотографии в под нажатой кнопкой

[Danil]

Alena (27 Ноябрь 2014 - 12:12) писал:

Добрый день. подскажите пожалуйста возможно ли так сделать:
1.JPG
Необходимо чтобы при нажатии на кнопку Города или Цветы, скрывались и показывались фотографии в под нажатой кнопкой

Здравствуйте.
Воспользуйтесь данной структурой:

<div onclick="$('#spoiler1').toggle(); return(false);" style="cursor: pointer;">
<p><strong>Город</strong></p>
</div>
<div id="spoiler1" style="display: none;">
<img src="Ссылка на картинку">
</div>

При добавления новой "надписи"
заменяйте spoiler1 на spoiler2 и т.д.

[Alena]

Danil (27 Ноябрь 2014 - 12:27) писал:

Здравствуйте.
Воспользуйтесь данной структурой:

<div onclick="$('#spoiler1').toggle(); return(false);" style="cursor: pointer;">
<p><strong>Город</strong></p>
</div>
<div id="spoiler1" style="display: none;">
<img src="Ссылка на картинку">
</div>

При добавления новой "надписи"
заменяйте spoiler1 на spoiler2 и т.д.

,
а где найти этот код или куда его вставлять

[Danil]

Alena (27 Ноябрь 2014 - 12:38) писал:

,
а где найти этот код или куда его вставлять

Его нужно вставить, а куда зависит от того, где он должен отображаться.

[Alena]

на контент-странице

[Danil]

Alena (27 Ноябрь 2014 - 12:55) писал:

на контент-странице

Если имеется в виду главная страница, то зайдите в раздел Сайт-Страницы-"Мы рады Вас видеть!"-В поле описание нажмите источник
и добавьте код из сообщения 2.

[Alena]

Danil (27 Ноябрь 2014 - 13:00) писал:

Если имеется в виду главная страница, то зайдите в раздел Сайт-Страницы-"Мы рады Вас видеть!"-В поле описание нажмите источник
и добавьте код из сообщения 2.

Все спасибо, получилось

[Alena]

А можно сделать внутри кнопки, еще одну кнопку? в какое именно место вставлять код.
И еще как сделать так чтобы при нажатии на картинку она увеличивалась

Сообщение отредактировал Alena: 27 Ноябрь 2014 - 14:53

[Vaccina]

1. Код в таком случае примет вид

<div onclick="$('#spoiler1').toggle(); return(false);" style="cursor: pointer;">
  <p><strong>Город</strong></p>
</div>
<div id="spoiler1" style="display: none;">
  <img src="Ссылка на картинку">
  <div onclick="$('#spoiler2').toggle(); return(false);" style="cursor: pointer;">
	<p><strong>Город 2</strong></p>
  </div>
  <div id="spoiler2" style="display: none;">
	<img src="Ссылка на картинку">
  </div>
</div>

2. Для этого вам понадобиться 2 изображения. Одно изображение маленького размера, а другое большого размера. Код будет выглядеть уже следующим образом

<div onclick="$('#spoiler1').toggle(); return(false);" style="cursor: pointer;">
  <p><strong>Город</strong></p>
</div>
<div id="spoiler1" style="display: none;">
  <a rel="gallery" href="Адрес большого изображения">
	<img src="Адрес маленького изображения" alt="" />
  </a>
  <div onclick="$('#spoiler2').toggle(); return(false);" style="cursor: pointer;">
	<p><strong>Город 2</strong></p>
  </div>
  <div id="spoiler2" style="display: none;">
	<a rel="gallery" href="Адрес большого изображения">
	  <img src="Адрес маленького изображения" alt="" />
	</a>
  </div>
</div>

[Alena]

Vaccina (05 Декабрь 2014 - 03:41) писал:

1. Код в таком случае примет вид

<div onclick="$('#spoiler1').toggle(); return(false);" style="cursor: pointer;">
<p><strong>Город</strong></p>
</div>
<div id="spoiler1" style="display: none;">
<img src="Ссылка на картинку">
<div onclick="$('#spoiler2').toggle(); return(false);" style="cursor: pointer;">
<p><strong>Город 2</strong></p>
</div>
<div id="spoiler2" style="display: none;">
<img src="Ссылка на картинку">
</div>
</div>

2. Для этого вам понадобиться 2 изображения. Одно изображение маленького размера, а другое большого размера. Код будет выглядеть уже следующим образом

<div onclick="$('#spoiler1').toggle(); return(false);" style="cursor: pointer;">
<p><strong>Город</strong></p>
</div>
<div id="spoiler1" style="display: none;">
<a rel="gallery" href="Адрес большого изображения">
<img src="Адрес маленького изображения" alt="" />
</a>
<div onclick="$('#spoiler2').toggle(); return(false);" style="cursor: pointer;">
<p><strong>Город 2</strong></p>
</div>
<div id="spoiler2" style="display: none;">
<a rel="gallery" href="Адрес большого изображения">
	 <img src="Адрес маленького изображения" alt="" />
</a>
</div>
</div>

Спасибо огромное