Оформление вывода картинок на странице обьявления - AdsManager

Искал, не нашел, вроде не обсуждалось. Как оформить вывод картинок, чтобы было в виде галлереи? Основная большая и маленькие Thumbnail под ней? Сейчас они выводятся как то странно, даже не в DIV , просто в <a> без ID И классов. Может есть уже готовый плагин или скрипт?

Этот форум вообще живой? Его кто нибудь читает?

я cделал практически все через CSS

а также в файле ...components\com_adsmanager\views\details\tmpl\default.php поменял в строке $thumbnail = JURI::base()."images/com_adsmanager/ads/".$img->thumbnail; на medium;


не притендую на идеал этого решения но получилось именно так как вы описываете

дайте ссылку глянуть, что получается!

У меня получается вот так - http://sales.aboutphuket.ru/index.php?option=com_adsmanager&view=details&id=11&catid=13&Itemid=1398 и мне это не очень нравится, не понимаю почему, но у меня нет Thumbnail . Может это быть изза того что версия бесплатная?

да блин. идея хорошая, но реализуется каряво. жаль, что нету на форуме хотя бы 1 норм спеца, который в php норм шарит.
У меня, кстати, выстроились норм. Плюс код немного поправил, изменил проценты, подогнал под свою страницу. Но!

Но не нравится то, что изображения мелкие дальше в столбец идут. Пытался суффиксам прописать "дисплэй: инлайн", но нифига. Вот если бы можно было под текстом остальные мелкие фотки горизонтально выставить, то ваще было бы круто.
Маргинами сдвигал и вправо, и влево, и взад, и вперед....А горизонтально становиться всё равно не хотят сволочи) и  в блоки брал, и вынимал...что только не пробовал. Они сдвигаются сразу всей кучей, и вместе связаны. Вот если бы можно было их развязать и прописать в коде позиции отдельно для каждой фотки, чтобы при загрузке на сайт они становились именно туда, куда надо. Отдельно первая большая, и отдельно все остальные.

Есть идеи? ))

я ж так понимаю, что вот это вот в коде "a + a" как раз таки и означает связь картинок? если да, то тогда реально ж можно их как-то развязать и отдельно позиции каждой выставить. Просто прописывать придётся столько позиций, сколько разрешил фото на сайт заливать.

Давайте подзадумаемся))

да блин. идея хорошая, но реализуется каряво. жаль, что нету на форуме хотя бы 1 норм спеца, который в php норм шарит.
У меня, кстати, выстроились норм. Плюс код немного поправил, изменил проценты, подогнал под свою страницу. Но!

Но не нравится то, что изображения мелкие дальше в столбец идут. Пытался суффиксам прописать "дисплэй: инлайн", но нифига. Вот если бы можно было под текстом остальные мелкие фотки горизонтально выставить, то ваще было бы круто.
Маргинами сдвигал и вправо, и влево, и взад, и вперед....А горизонтально становиться всё равно не хотят сволочи) и  в блоки брал, и вынимал...что только не пробовал. Они сдвигаются сразу всей кучей, и вместе связаны. Вот если бы можно было их развязать и прописать в коде позиции отдельно для каждой фотки, чтобы при загрузке на сайт они становились именно туда, куда надо. Отдельно первая большая, и отдельно все остальные.

Есть идеи? ))

я ж так понимаю, что вот это вот в коде "a + a" как раз таки и означает связь картинок? если да, то тогда реально ж можно их как-то развязать и отдельно позиции каждой выставить. Просто прописывать придётся столько позиций, сколько разрешил фото на сайт заливать.

Давайте подзадумаемся))

А можно ваш сайт посмотреть? Какая у вас версия? Полная или бесплатная? Чтобы в ряд были нужно блокам попробовать присвоить float:left , только для этого каждая фотка не должна быть не row или tr , а отдельным div внутри другого div.

Шаблон бы я поправил, но фотки выводятся циклом, причем id он никакой не добавляет типа foto small или thumbnail, все одинаковые без классов.

Сделал вывод картинок, как сказал landerorly , только не использовал div.adsmanager_ads_image a:first-child , сделал просто все маленькими, можно по ссылке выше посмотреть как вышло.

Я вот так сделал:



Только вопрос интересует: как поменять местами мелкие фотки и крупную? Пробовал крупную вниз поставить, а мелкие вверх. Так мало того, что они сползают вместе сразу при перемещении, так еще при переносе мелких наверх они друг на друга накладываются, и получается как одна фотография.
Вот было бы неплохо, если б главную фотку можно было бы отвязать от остальных.

Ну а так, в принципе, меня сейчас всё устраивает)
Лишь только подмечу, что при нажатии на главное фото оно не просто увеличивается, а как бы соскакивает с места, и за ним пустота остается. А потом будто бы обратно на место становится.

...Вот было бы неплохо, если б главную фотку можно было бы отвязать от остальных...

...только не использовал div.adsmanager_ads_image a:first-child , сделал просто все маленькими, можно по ссылке выше посмотреть как вышло...

на оба эти момента отвечает :first-child он то вам и выдергивает первую фотку из контекста остальных и теперь лепите с нее че хотите хоть в копирайты ее отправьте

to AnimalInstinct без :first-child мой способ не пашет, а получается у меня примерно так  сайт еще на лок сервере тока так могу показать

и да еще забыл указать я пользуюсь вот таким методом отображения фото, мне он больше понравился

...Вот было бы неплохо, если б главную фотку можно было бы отвязать от остальных...

у меня все остальные фотки кроме правой реализованы через CSS так: div.adsmanager_ads_image a + a {...} вот этот а+а объединяет все фото кроме первой,  задаешь им inline-block и, вуаля, все как по линеечке, только размеры да отступы подправить

...а как бы соскакивает с места, и за ним пустота остается....

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

П.С. версия adsmanadger 2.9.11 бесплатная!

задаешь им inline-block и, вуаля,

Поэкспериментирую...
Я так понял, надо просто свойство display:inline-block прописать ниже?

CSS там немножко не видно, но он так выглядит:
div.adsmanager_ads_image a + a {display: inline-block; ...}