Фотосет. Как настроить?

Доброго времени суток.

Помогите решить пару задач с созданием фото сетов.

Вопросы:
  • Как сделать так, чтобы на главной при нажатии на картинку с указанием сколько фотографий в фотосете, не кидало сразу в низ топика, а начало отрывать сразу просмотр фотографий/картинок?
  • Возможно ли, чтобы картинка с указанием фотографий можно было вставлять в нужные мне места. А не сразу в шапке топика?
  • Как реализовать, чтобы текст при выравнивание картинки/фотографии обвивал ее правильно, а не одну строку?
  • Как сделать так же, чтобы например создавать вообще фотосеты в любом топике или опросе? И так же чтобы при нажатии, открывался сразу просмотр фотографий/картинок, а не кидало в самый низ топика?
Возможно ли решить вообще это? Как и где? Или что то можно придумать с модулем LSGallery?

10 комментариев

avatar
По первому вопросу:
<script type="text/javascript">
jQuery(document).ready(function($) {	
    $('.photoset-image').prettyPhoto({
	social_tools:'',
	show_title: false,
	slideshow:false,
	deeplinking: false
    });            
});
</script>

заменить на
<script type="text/javascript">
jQuery(document).ready(function($) {	
    $('.photoset-image').prettyPhoto({
	social_tools:'',
	show_title: false,
	slideshow:false,
	deeplinking: false
    }); 
    $('.topic-photo-preview').on('click',function(e){
        e.preventDefault();
        $('.photoset-image').first().triggerHandler('click');
    })
});
</script>
avatar
в каком файле менять? js темы?
avatar
Да вот тоже, где это именно менять ???
avatar
topic_photoset.tpl
avatar
еще надо убрать onclick в
<div class="topic-photo-preview" id="photoset-main-preview-{$oTopic->getId()}" onclick="document.location.href='{$oTopic->getUrl()}'">
avatar
Подскажи пожалуйста.
Как сделать теперь чтобы прям на главной странице открывался просмотр фотографий/картинок при нажатии?
avatar
Вот у меня записка, себе, про фотосет — может, пригодится. Что-то отсюда, из поиска на этом сайте, что-то методом тыка, короче:

1. Фотосет. Если вы хотите дать пользователям возможность просматривать увеличенные фото из фотосета прямо в ленте топиков, не заходя на страницу самого топика фотосета, то нужно в файле topic_photoset.tpl удалить условие:
{if !$bTopicList}
не забудьте удалить закрывающий тег
{/if}


2. Вот какие опции надо вставить в файл templates/skin/simple/topic_photoset.tpl, чтобы фотосет не светил в глаза белым при смене картинок, что сказочно раздражает. После
$('.photoset-image').prettyPhoto({
надо вставить:
theme: 'pp_default',
		social_tools:'',
		show_title: false,
		slideshow:false,
		deeplinking: true,
		overlay_gallery: false,
		opacity: 0.85,
		animation_speed: 0
потом будет скобка:
});
	});
</script>
Обращаю внимание на overlay_gallery: false, это убирает маленькие никчомные превьюшки с самой картинки в лайтруме (лайтрум — это, если непонятно, непосредственно черный экран с большой картинкой).  И кто только придумал эту хрень — мешает же смотреть-то, да и на странице на сайте есть превью всех картинок! Но если все же превьюшки нужны еще и в лайтруме, то надо писать: true.

3. Файл со стилями для фотосета engine/lib/external/prettyPhoto/css/prettyPhoto.css я переписала весь, стандартный устаревший дизайн фотосета меня никак не устраивал: нарисовала стрелочки модные, лишнее выкинула (стрелки вперед-назад, например, там два раза повторяются), чего и вам советую сделать.

4. Изображение на странице топика-фотосета: в шаблоне прописан вызов с шириной 500, изменить можно здесь: templates/skin/simple/topic_photoset.tpl
<img src="{$oMainPhoto->getWebPath(500)}" alt="image" id="photoset-main-image-{$oTopic->getId()}" />
Плюс надо в конфиге изменить:
array( 
    'w' => 500,
    'h' => null,
    'crop' => false, 
    ),


5. Фотосеты везде (кроме комментариев, к огромному сожалению) — это плагин Lite Image, покупать на сайте Netlank'а. Плагин дает мультизагрузку, плюс слайдер к ней прикручен, плюс фотосет по клику на картинку, плюс размеры картинкам можно менять. Но предупреждаю сразу: если этот плагин поставить как есть, то у пользователей задымится голова: кнопок много, логики в их визуализации никакой, и ничерта, короче, непонятно — хотя функциональность полная, разве что мышкой картинки в окно загрузки нельзя таскать, а остальное — всё есть. Но придется самому продумывать дизайн (то есть визуальную организацию), иначе жопа.

6. На шестой вопрос выше исчерпывающе ответил kpoxas.

7. Теперь — кнопка (проходит у меня под кличкой «Кнопка-п**дец»). Голубая кнопка, зашитая во флеш-ролик, отображается как настоящий визуальный п**дец, голубая. Ей можно поменять цвет и шрифт, вот тут: engine/lib/internal/template/js/main.js. У меня вот какие опции сейчас (больше кнопка ничего не слушается всё равно):
button_width: 100,
    button_height: 28,
    button_text : '<span class="button">'+ls.lang.get('topic_photoset_upload_choose')+'</span>',
    button_text_style : '.button { color: #34c48f; font-size: 13px; font-family: "helvetica neue", helvetica, arial, sans-serif; }',
    button_text_left_padding: 12,
    button_text_top_padding: 3,
    button_text_bottom_padding: 12,
    button_cursor: SWFUpload.CURSOR.HAND,
Кстати, я тут на сайте видела, как ort не помню с кем спорил про страшную голубую кнопку — он утверждал, что ее можно изменить, а ему отвечали: да нифига!, а он говорил, что раз он смог ее, кнопку, изменить обычным порядком — то любой недурак может. Но как именно он это сделал, он так и не рассказал, ё.

8. Еще фотосет имеет мощный косяк при смене размеров для загрузки! Если сменить размеры (пункт 4.), то картинки (как раз те превью, размер которым изменен) не будут отображаться в уже опубликованных топиках-фотосетах на странице сайта, а будут только в лайтруме. Netlank написал инструкцию, как это исправить, советую прочитать, а еще проще — не менять размеры на уже работающих сайтах. :)

Ну вот, вроде всё про фотосет.
avatar
По поводу первой Вашей записке
Не могу найти закрывающий тэг if =) Это то нашел {if !$bTopicList} а вот что еще удалить именно ??? Где этот закрывающий?
avatar
как сделать привьюхи фото при просмотре фоток
avatar
Здравствуйте. Не отображает кнопки: вперед, назад, закрыть, увеличить. Где искать?
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.