Как настроить ленту новостей и отображение фотографий в блоге

голоса: 0
Добрый вечер!  Хочу навести немного лоска на сайт. В ленте новостей слишком большой отступ от заголовка до блока с самой новостью, можно ли это регулировать? Вот как настраивать отступы от фотографий я нашла, а где прописаны параметры заголовка или болка не нашла.   И еще вопрос. Нужно сделать галлерею Героев. Идея была  в том, что кликая по портрету, листаем еще несколько фото  с историей. Пока дошла только до такого https://orenschool33.ucoz.net/index/pradedy_dedy_soldaty_pobedy/0-84 , но можно ли сделать так, что-бы 4 маленькие картинки были скрыты, а принцип действия остался?
Адрес сайта https://orenschool33.ucoz.net
| Автор: | Категория: Вопросы новичков

Ответов: 1

голоса: 0

Если нужно сделать Галлерею, добавляйте фото в модуль фотоальбомы https://orenschool33.ucoz.net/photo/ и не нужно ничего выдумывать для отдельной страницы.

| Автор:
Возможно я неверно объяснила, что я хотела бы сделать. Есть вкладка на сайте "Прадеды, деды - солдаты Победы" в ней размещается информация односительно патриотического воспитания, работы учеников "Мой дедушка герой" в этой вкладке будет еще и другая информация. Меня интересует, можно ли оформить портреты ветеранов так, что бы кликая по портрету прочитать детскую работу о нем. То есть у нас галерея портретов, а за ними скрыва информация. Сейчас как сделано мне нравится, но не знаю как скрыть миниатюры и можно ли это сделать. Делать картинку-ссылку и переводить на страничку с кучей картинок не красиво, слайд шоу, форматы преемлемые на нашла, просто в фотоальбоме оставлять - не сообветствует Положению, присланному управлением образования.
Анастасия Лошадурова,
  1. Можете настроить как я описал в ответе https://www.ucoz.ru/qa/index.php/207549 в итоге будут фото увеличиваться при клике.
  2. Далее в глобальный блок нижняя часть сайта в самый низ после всего кода вставьте скрипт:

<script>
$(".content-block img").each(function() {
$('a[href$=".jpg"], a[href$=".jpeg"], a[href$=".gif"], a[href$=".png"]').attr("data-fancybox-group", "ulightboxgroup");
});
</script>

и будут фото листаться и будет все как вам нужно.

Yuri_Geruk,

тегм $IMAGE3$ я прикрепляю картинки в новостях. Соответственно и в новостной ленте картинки будут листаться, но не в нужной вкладке, ни в новостях со скриптом ничего не поменялось.

Сейчас у меня размеры дополнительных фото стоят на "0", но сохраняются отображение ссылок. код такой, его чаще всего предлагают для изображения листалок, а-ля слайд-шоу. 

<p><a class="ulightbox" data-fancybox-group="screens" href="https://orenschool33.ucoz.net/Soldat_Pobeda/Osipov/1_osipov.jpg"><img height="330" src="https://orenschool33.ucoz.net/Soldat_Pobeda/Osipov/1_osipov.jpg" title="нажмите, чтобы прочитать" width="auto" /> </a> <a class="ulightbox" data-fancybox-group="screens" href="https://orenschool33.ucoz.net/Soldat_Pobeda/Osipov/2_osipov.jpg"><span style="color:#fff0f5;"><img height="0" src="https://orenschool33.ucoz.net/Soldat_Pobeda/Osipov/2_osipov.jpg" width="0" /></span></a><a class="ulightbox" data-fancybox-group="screens" href="https://orenschool33.ucoz.net/Soldat_Pobeda/Osipov/3_osipov.jpg"><span style="color:#fff0f5;"><img height="0" src="https://orenschool33.ucoz.net/Soldat_Pobeda/Osipov/3_osipov.jpg" width="0" /> </span></a><a class="ulightbox" data-fancybox-group="screens" href="https://orenschool33.ucoz.net/Soldat_Pobeda/Osipov/4_osipov.jpg"><span style="color:#fff0f5;"><img height="0" src="https://orenschool33.ucoz.net/Soldat_Pobeda/Osipov/4_osipov.jpg" width="0" /> </span></a><a class="ulightbox" data-fancybox-group="screens" href="https://orenschool33.ucoz.net/Soldat_Pobeda/Osipov/5_osipov.jpg"><span style="color:#fff0f5;"><img height="0" src="https://orenschool33.ucoz.net/Soldat_Pobeda/Osipov/5_osipov.jpg" width="0" /></span></a></p>

https://orenschool33.ucoz.net/index/pradedy_dedy_soldaty_pobedy/0-84 выглядит замечательно, кроме ссылок у правого нижнего угла фото

 

Анастасия Лошадурова,
Чтобы не было ссылок в правом уголке, не задавайте ширину width="0", задавайте такие же фиксированные размеры как и для первого фото. По поводу того что я советовал выше, как вижу вы это не применили на страницу, в итоге и не работает ничего.
Yuri_Geruk,

  добавила скрипт как наисано было, сейчас опять вставила картинки как $IMAGE3$. Эффекта нет, как подключить скрипт к самой картинке?

И можно что то сделать по первому вопросу?

"Добрый вечер!  Хочу навести немного лоска на сайт. В ленте новостей слишком большой отступ от заголовка до блока с самой новостью, можно ли это регулировать?"

...