specanzor

Загружаемая галерея в ряд

1 сообщение в этой теме

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

Код:
<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 . Редактировать темы и сообщения нельзя, приходится следующим сообщением добавлять. К чему такой геморрой сделали тут? 

Изменено пользователем specanzor

0

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!


Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.


Войти сейчас