Обсуждение Загружаемая галерея в ряд

[Burial]

Суть в том, что при загрузки фото в доп.поле "Загружаемая галерея", фотографии выстраиваются в ряд по вертикали, а хотелось бы в один ряд по горизонтали.
После загрузки, кадры выводятся через такой код (пример на одном кадре):

<ul class="xfieldimagegallery имя доп.поля">
<li>
<a href="ссылка на фото" onclick="return hs.expand(this, { slideshowGroup: 'xf_209_skrin' })" target="_blank"><img src="ссылка на фото" alt="">
</a>
</li>
</ul>

В show.full есть два кода (вроде одинаковы):

$xfieldsdata[$value[0]] = "<ul class=\"xfieldimagegallery {$value[0]}\">".implode($gallery_image)."</ul>";

$xfieldsdata[$value[0]] = "<ul class=\"xfieldimagegallery {$value[0]}\">".implode($gallery_image)."</ul>";

Я так понимаю, всему виной тег: <ul> <li></li> </ul>
Как переделать этот код в show.full, чтобы кадры загружались в ряд по горизонтали?

Решил через стили.
Заменил:

<ul class=\"xfieldimagegallery

На:

<div class=\"xfieldimagegallery

в css добавил:

.xfieldimagegallery img {
     display: block;
     float: left;
     width: 115px; /*настраиваем под себя*/
     height:80px; /*настраиваем под себя*/
     margin: 0 2px 2px 0;
}

В строке 1701 show.full удалить все:
<li></li>

                        if($thumb_url) {
                            $gallery_image[] = "<li><a href=\"$img_url\" onclick=\"return hs.expand(this, { slideshowGroup: 'xf_{$row['id']}_{$value[0]}' })\" target=\"_blank\"><img src=\"{$thumb_url}\" alt=\"\" /></a></li>";
                        } else $gallery_image[] = "<li><img src=\"{$img_url}\" alt=\"\" /></li>";

Если есть еще варианты, напишите.

Точнее будет так.
Два раза найти:

<ul class=\"xfieldimagegallery {$value[0]}\">".implode($gallery_image)."</ul>

Заменил на div:

<div class=\"xfieldimagegallery {$value[0]}\">".implode($gallery_image)."</div>

P.S . Редактировать темы и сообщения нельзя, приходится следующим сообщением добавлять. К чему такой геморрой сделали тут?

 

[yuris]

Это какая версия движка? У меня 11.3, но там нет таких строк! Че за нах?

В строке 1701 show.full удалить все:

if($thumb_url) { $gallery_image[] = "<li><a href=\"$img_url\" onclick=\"return hs.expand(this, { slideshowGroup: 'xf_{$row['id']}_{$value[0]}' })\" target=\"_blank\"><img src=\"{$thumb_url}\" alt=\"\" /></a></li>"; } else $gallery_image[] = "<li><img src=\"{$img_url}\" alt=\"\" /></li>";

и этого тоже нет!
Короче проблема в том, что если загружаю фотки через этку галерею, то возле них появляются какие-то точки. Возле каждой фотки\картинки находится под одной жирной, черной точке. Я так понимаю, что они появляются из-за этих <li></li> или <ul>. Хочу их удалить и не знаю где копать!

 

[redissx]

Короче проблема в том, что если загружаю фотки через этку галерею, то возле них появляются какие-то точки. Возле каждой фотки\картинки находится под одной жирной, черной точке. Я так понимаю, что они появляются из-за этих <li></li> или <ul>. Хочу их удалить и не знаю где копать!

.xfieldimagegallery, .xfieldimagegallery li {list-style: none;}

универсальный (почти) код для расположения в ряд.

.xfieldimagegallery {margin:20px -5px; list-style: none; clear: both;}
.xfieldimagegallery:after {content: ""; display: table; clear: both;}
.xfieldimagegallery li {list-style: none; margin:0;}
.xfieldimagegallery li img {float: left; margin:5px; border: 5px solid #fff; width: 150px; height: 100px;}
.xfieldimagegallery li img:hover {box-shadow: 0px 0px 7px rgba(0,0,0,0.4);}

 

[yuris]

так вот в том-то все и дело, что у меня в файле engine/modules/show.full.php нет ничего такого, что связано с галереей и с этим .xfieldimagegallery

Или я не там ищу? 11.3 версия если что...

 

[redissx]

так вот в том-то все и дело, что у меня в файле engine/modules/show.full.php нет ничего такого, что связано с галереей и с этим .xfieldimagegallery

Или я не там ищу? 11.3 версия если что...

Все делается через css. Лезть в движок ради этого как-то странно.

 

[yuris]

Все делается через css. Лезть в движок ради этого как-то странно.

я и сделал как ты скинул, но проблема осталась, верней эти гребанные точки так и остались! Кэш и прочее почистил и даже туфли ради этого случая. Не помогло!

 

[redissx]

я и сделал как ты скинул, но проблема осталась, верней эти гребанные точки так и остались! Кэш и прочее почистил и даже туфли ради этого случая. Не помогло!

Значит
.xfieldimagegallery, .xfieldimagegallery li {list-style: none !important;}

 

[yuris]

Помогло! Точки исчезли! Дай Бог тебе здоровья! Спасибо несоизмеримое!