Как единственному классу присвоить несколько через сss?

#1 3 декабря 2024 в 00:21

Вопрос к гуру css

Хочу сверстать вывод изображений, но нет разделяющих классов в основном контейнере.

Допустим есть

<div class=«photos»> 

<div class=" img">

</div></div>

то есть если в нормальных галереях имеются классы photos_2 для вывода 2 фото, photos_3 для вывода 3 фото  и тд то в данной ситуации один класс photos 

Из за этого я не могу сверстать адаптивный вывод определенного количества фото

у img я могу присвоить псевдоклассы тем самым обрабатывая каждую фото то класс контейнера един и грид не поменять под то или иное количество изображений.

Где такой вывод спросите вы? так это на примере add набор изображений. Хочу сверстать там вывод но, интернет мне не помог

#2 3 декабря 2024 в 00:51

:nth-child()

#3 3 декабря 2024 в 01:00

:nth-child()

pupsik

это я могу присвоить фото img, но корневой класс один мне его надо размножить 

Вот пример вывода 5 изображений:

.photos_count_5 a:nth-child(2) {
  grid-column-start: 4;
  grid-column-end: 7;
  grid-row-start: 3;
  grid-row-end: 1;
}

Это я правлю фото номер 2 из сетки на 5 изображений

Вот пример вывода 4 изображений:

.photos_count_4 a:nth-child(1) {
  grid-column-start: 4;
  grid-column-end: 7;
  grid-row-start: 3;
  grid-row-end: 1;
}

Это я правлю фото номер 1 из сетки на 4 изображений

но у меня нет классов photos_1 ,photos_2,photos_3 и тд у меня есть просто корневой класс photos и я не могу сверстать с одним классом для разных сеток и количества изображений

#4 3 декабря 2024 в 07:34

но нет разделяющих классов в основном контейнере

Happy

так добавьте их в верстку. Там где идет foreach для изображений, сделайте count($images) чтобы получить количество изображений.

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

Добавлено спустя 1 минуту

Примерно так

Изображение

#5 3 декабря 2024 в 17:57

 Zau4man, полазил в файле, не разобрался .

За донат сможете помочь ?

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

Верстать сетку буду сам, мне только присвоить классы

Изображение

#6 3 декабря 2024 в 19:04

Ван нужно сам image в div обернуть. У вес вот так. 

<div>

image

image

image

<div>

А надо так:

<div bla bla>

<div php echo row>image<div>

<div php echo row>image<div>

<div>

Добавлено спустя 8 минут

и там не images а photos.

Добавлено спустя 1 минуту
  1. <?php
  2. $row = count ($photos);
  3. ?>
  4. <div class="fotorama swli_photos photos_count_<?php html(count($photos)); ?>" data-layout="<?php html($count); ?>" rel="gal_<?php html($item['id']); ?>" class="fotorama" data-width="100%" data-nav="thumbs" data-allowfullscreen="true">
  5.  
  6.  
  7. <?php foreach ($photos as $index => $photo){ ?>
  8.  
  9. <div class="photo_<?php echo $row; ?>">
  10. <a data-fancybox href="<?php html($photo['big']); ?>"><img src="<?php html($photo['big']); ?>" data-src="<?php html($photo['big']); ?>" loading="lazy"/>
  11. </a>
  12. </div>
  13. <?php } ?>
  14.  
  15. </div>

Готовый год. Там где 233. Высылайте деньги Zau4man'у

#7 3 декабря 2024 в 19:11

 pupsik, это в каком файле ?

#8 3 декабря 2024 в 19:18

Ну где картинки выводит, там где вы ставили data-fancybox. Пару дней назад я вам говорил как.  fragment_items.tpl.php

Пить меньше надо :)

#9 3 декабря 2024 в 19:23

Ну где картинки выводит, там где вы ставили data-fancybox. Пару дней назад я вам говорил как.  fragment_items.tpl.php

Пить меньше надо :)

pupsik

Я не пью, почему там когда речь о файле микроблога? Мне фото нужно не в посте верстать а в редакторе. 

#10 3 декабря 2024 в 19:29

Ну где картинки выводит, там где вы ставили data-fancybox. Пару дней назад я вам говорил как.  fragment_items.tpl.php

Пить меньше надо :)

pupsik

Я не пью, почему там когда речь о файле микроблога? Мне фото нужно не в посте верстать а в редакторе. 

Happy

Кокой еще микроблог. Я думал вы все про умную стену… Нет?

#11 3 декабря 2024 в 19:32

 pupsik, скрин посмотрите. Верхняя часть ( редактор)  считается там как микроблок. И файлы у него другие 

#12 3 декабря 2024 в 19:35

Photoset?

Изображение

А это что тогда?

Изображение

#13 3 декабря 2024 в 19:43

 pupsik, Изображение

#14 3 декабря 2024 в 19:47

В смамом редакторе ДО отправки? Ну вы и садист. Это-то вам зачем? 

Вот это и есть «Люди с жиру бесятса». 

Свалить надо на час, тогда сделаю.

#15 3 декабря 2024 в 19:53

В смамом редакторе ДО отправки? Ну вы и садист. Это-то вам зачем? 

Вот это и есть «Люди с жиру бесятса». 

Свалить надо на час, тогда сделаю.

pupsik

Именно)))) люблю когда все по красоте )

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.