Към съдържанието

  •  

Урок за Highslide вместо Lightbox в IPB


  • Влезте в профила си за да пишете
61 отговора на тази тема

#1

  • Guests

Публикувано 25 април 2010 - 17:06

Това с снимките е голям проблем ... качват големи, а няма откъде да се оразмярят, разпъват се много, трудно се затварят, трябва да се скролват.
Най хубавия мод бе за Highslide - чудна система, която не зная защо не полват от IPB.

Моля за урок за тази системка за IPB 3.0.5

Зная, че има, пробвах го, мъчих му се снощи до късно, но не става - с клик на снимката се отваря в същия размер в нов таб на броузера, въобще ги няма нито картинките, нито става тъмно около тях, нито има лупичката.

Както е написано в урока, всичко изсипах в фулдъра, направих корекциите по файловете с php дизайнера.

И не тръгна, за това ако може помощ, предварително благодаря !

#2 Beatfan

Beatfan

    Invisionizer

  • Админи
  • PipPipPip
  • 3444 Мнения:
Уроци

Публикувано 25 април 2010 - 17:17

Ами работи си без никакви проблеми - в тзои форум е сложен.
Някъде бъркаш
Редактирал ли си Global Templates -> globalTemplate - според указанията. Нещо не ти зарежда js файла.
Прочети пак внимателно урока и следвай всички стъпки. Папката трябва да е в public/js/3rd_party/. В /admin пак има js папка, да не си се объркал.
Прочети пак урока внимателно:

#3

  • Guests

Публикувано 25 април 2010 - 22:21

:ranting:

Прикачен файл  CRW_2941.jpg   11,25K   148 Брой сваляния

Моля за помощ ...

1. Разархивирам файла на писито ми.
2. Качвам всичко в public/js/3rd_party/ - graphics - папка с снимките, highslide.js, config.js,highslide.css
3. Редактирам глобал темплейт

<!--HIGHSLIDE-->
<link rel='stylesheet' type='text/css' title='Main' media='screen' href='{$this->settings['public_dir']}js/3rd_party/highslide/highslide.css' />
<script type='text/javascript' src='{$this->settings['public_dir']}js/3rd_party/highslide/highslide.js'></script>
<script type="text/javascript">
hs.graphicsDir = '{$this->settings['public_dir']}js/3rd_party/highslide/graphics/';
</script>
<script type='text/javascript' src='{$this->settings['public_dir']}js/3rd_party/highslide/config.js'></script>
<!--/HIGHSLIDE-->
<script type='text/javascript'>

4. Редактирам в топика указания файл

<a class='resized_img' onclick='return hs.expand(this)'id='ipb-attach-url-{$data['_attach_id']}'

И не иска и не иска ...

Молба за помощ - къде и какво бъркам ?

Предварително благодаря.
Loader.boot();

#4 Beatfan

Beatfan

    Invisionizer

  • Админи
  • PipPipPip
  • 3444 Мнения:
Уроци

Публикувано 25 април 2010 - 22:33

Май си извадил всичко от папката highslide към модификацията и си го пльоснал в public/js/3rd_party/

Папката трябва да я има. Просто разархивираш архива и качваш цялата папка. Трябва да е така:

/public/js/3rd_party/highslide
и вътре в папката да са всичките хави :P

#5

  • Guests

Публикувано 25 април 2010 - 22:49

Баси идиота съм :kick: ... сега стана !!!

Обаче няма бутончетата за следваща снимка, само се отваря нормално и има опция да се разглежда голяма ... липсват бутончетата отстрани за следваща снимка ...

Моля, дай пак хелп ...

#6 Beatfan

Beatfan

    Invisionizer

  • Админи
  • PipPipPip
  • 3444 Мнения:
Уроци

Публикувано 25 април 2010 - 22:57

Опитай следното.
Вместо този код:

onclick='return hs.expand(this)'

Сложи този:

onclick='return hs.expand(this,{slideshowGroup: {$data['attach_rel_id']}})'

След това в папката highslide, отвори файла config.js и замести всичко с:

hs.zIndexCounter = '99999';
hs.showCredits = false;
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
hs.addSlideshow({
        //slideshowGroup: 'group1',
        interval: 5000,
        repeat: false,
        useControls: true,
        fixedControls: 'fit',
        overlayOptions: {
                opacity: .75,
                position: 'bottom center',
                hideonmouseout: true
        }
});

Успех :)

#7

  • Guests

Публикувано 25 април 2010 - 23:10

Уникален мод ...

Сега ще го пробвам, фотограф съм и снимам много и държа на доброто качество, а този мод ми харесва. Супер е, препоръчвам го на всеки, който има такива форуми - вградената система не е измислена и за нищо не става.

Дали може да се направи за галерията ? Би било супер !

Сега ще го пробвам и ще пиша.

10 х ! :thumbup:

#8 Beatfan

Beatfan

    Invisionizer

  • Админи
  • PipPipPip
  • 3444 Мнения:
Уроци

Публикувано 25 април 2010 - 23:23

Почти съм убеден, че може и за галерията. Аз току що го направих да се ползва за скриншотовете в системата за файлове - IP Downloads :dance:
Просто трябва да намериш шаблона, който отговаря за разглеждането на снимка в галерията и да търсиш rel='lightbox' и заместваш с onclik..... :ag:
Нямам галерия инсталирана иначе бих ти дал точни указания :)

#9

  • Guests

Публикувано 25 април 2010 - 23:42

Това работи ! Работиииииииииииииииииииии !

Само - как мога да го затъмня, за да не е светло ?

Как се справяте с малките снимки - при мен излезат едни разтегнати, ужас ... а при теб - напълно нормално ...

Почти съм убеден, че може и за галерията. Аз току що го направих да се ползва за скриншотовете в системата за файлове - IP Downloads :dance:
Просто трябва да намериш шаблона, който отговаря за разглеждането на снимка в галерията и да търсиш rel='lightbox' и заместваш с onclik..... :ag:
Нямам галерия инсталирана иначе бих ти дал точни указания :)


Това ще е убиец за галерията ...

Прикачени файлове

  • Прикачен файл  persian.jpg   24,93K   149 Брой сваляния


#10 Beatfan

Beatfan

    Invisionizer

  • Админи
  • PipPipPip
  • 3444 Мнения:
Уроци

Публикувано 25 април 2010 - 23:51

1. Прави ми впечатление, че не се ориентираш много при качването на снимка в поста :)
След като прикачиш файла, вдясно на миниатюрата и името му имаш Добави в мнението | Изтрий
Трябва да натиснеш на добави, за да не е вмъкнато на син фон :)

2. За да има затъмняване, добавяш във config.js файла следния ред:

hs.dimmingOpacity = 0.55;

Стойността е по твой избор :)

3. За да се кривят снимките, предполагам, че не си задал правилни размери в админ панела System - Forums - Topic Post & Polls - Attached Image Options

Моите стойности са:

Attachment Image Thumbnail Size [width] - 300
Attachment Image Thumbnail Size [height] - 400

#11

  • Guests

Публикувано 26 април 2010 - 00:09

Не се оправям добре ... честно - нищо не разбирам от това, което правя, чета уроци от тук и от другия форум, къде преводи, превеждам си с преводача от форума на ipb каквото мога ... и така. Метода е ми е типично български - да му .. майката .. така по сто пъти, докато стане. Но като стане, се радвам.

Полезни са ви форумите за хора като мен, честно. И се радвам, че ги има.

Последен въпрос - не оразмерява снимка, добавена с линк. Откъде може да се зададат размери за добавените снимки с линк, който си е нормалния над едитора - добави снимка, адрес на снимката ?

Сега пробвам с добави в мнението ...
Прикачен файл  Samarite_Imperial_Prince_f.jpg   23,02K   150 Брой сваляния

#12 Beatfan

Beatfan

    Invisionizer

  • Админи
  • PipPipPip
  • 3444 Мнения:
Уроци

Публикувано 26 април 2010 - 00:18

Задай в Topic Posts & Polls - за Showing Posts - Automatic Resize Image Force Size примерно стойност 400

И един съвет - намери време за да се поровиш малко в настройките в админ панела. Няма да стане по друг начин, а админ панела на IPB 3 е доста по-сложен в началото за ориентиране. Но пък си има Live търсачка, ползвай я :)

Аз бих ти препоръчал да ги накараш насила да ползват Highslide BBCode - http://invisionbg.co...als&article=173

#13

  • Guests

Публикувано 26 април 2010 - 00:29

Имам идея да го направя, само не бях качил мода. Сега, след като работи, ще прочета урока и ще видя как ако мога, да сменя там добавянето на снимка чрез линк да става само с тази програма.

Не съм чел .. от четвъртък не съм спал, ако трябва да съм честнен. Почти ... прехвърляхме форум, после проблеми, две вечери търсихме къде е проблема с мозилата и хрома, чак от вчера вечерта почнах да гледам кое какво има. Не ми остава време за админ панела, а виждам, че той е по организиран от предния и трябва да го уча.

Ще, само време да има ...

#14

  • Guests

Публикувано 27 април 2010 - 12:46

Имам въпрос - как мога да "сменя" бб кода на "Добави снимка" с Highslide BBCode ?

Не искам да има два начина за добавяне на снимки, искам да е един и той да си е от това място, където е "Добави снимка", но чрез Highslide. В момента в форума снимките се отварят по два различни начина - атъчваните снимки с програмката, а добавените с линк се отварят в нов прозорец и се губи този хубава идея ... би ми се искало да е еднакво.

Бях го направил в 2.3.6, но никой не го ползваше ... имаше го добавено в бб кода там, както бе оставено и Добави снимка да си е в оригинал ... и никой не ползваше бб кода, за това сега принудително, както сте написали, искам да го сменя.

Ако го направя и то си "хваща" новите снимки по този начин, това значи ли, че ще хване и старите, в смисъл, добавените по рано, когато този код не е работил или ще трябва да ребулдвам всички постове ... това е няколко часа циклене на мнения, форума ми е огромен и за това искам да го предвидя предварително това и да го направя късно вечер.

#15 Beatfan

Beatfan

    Invisionizer

  • Админи
  • PipPipPip
  • 3444 Мнения:
Уроци

Публикувано 27 април 2010 - 18:42

Има много лесен начин и не е необходим ребилд. Всички използвани BBCode-ове в тройката са достъпни за редактиране от админ панела, вкл. [img] тага.
Има едно НО, обаче. Ако направиш всички снимки с този таг да се отварят чрез Highslide, ще загубиш възможността да се публикуват снимки-линкове. Вместо да отваря страница, снимката ще се уголемява с highslide. Можеш да направиш отделен BBCode за такива случаи, които да вършат това - да има поле за линк и поле за адрес на снимката :)

Та обяснявам как става да използваш [img] тага с Highslide, като това ще работи и с нови и с всички стари постове.

ACP -> Look & Feel -> Post Content -> BBCode Management

Намираш Image - падащото меню вдясно - Edit BBCode
Трябва да видиш най-отгоре следното:

Content Cache Enabled
The content cache is enabled which means that any changes to this BBCode will not be automatically applied to previous posts unless you remove all cached content.

Drop all xx cached items?


Трябва да ти е маркирано Yes, за да влезе в сила промяната за старите мнения във форума.

В полето Custom BBCode Replacement поставяш:

<a class="highslide" onclick="return hs.expand(this)" href="{content}" ><img border="0"  src="{content}" style="max-width:250px; max-height: 250px;" title="Щракнете за оригинален размер"/></a><br/><em>Щракнете за оригинален размер</em>

Следващата опция долу OR PHP file to execute изтриваш реда defaults.php

Edit BBcode

#16 Beatfan

Beatfan

    Invisionizer

  • Админи
  • PipPipPip
  • 3444 Мнения:
Уроци

Публикувано 12 май 2010 - 12:55

Дали може да се направи за галерията ? Би било супер !


Ето как се интегрира в галерията и в IP. Downloads: http://invisionbg.co...ticle=148&_st=2

#17

  • Guests

Публикувано 18 май 2010 - 15:51

10 х !

Направих го за галерията, работи, харесва ми ...

Може ли още един въпрос за любимата ми модификация ?

В галерията има една лупичка, с клик на която се отваря снимката в по голям размер. Как да направя така, че да може и като се кликне на самата снимка, да се появява в по - големия размер, както е примерно в форума ? И може ли да се направи така, че в прозореца на highslide в галерията да се разглеждат всички снимки от дадена галерията ?

И още един въпрос - откъде се оразмерява размера на показваната снимка ?

Предварително благодаря за отговорите !

#18 Beatfan

Beatfan

    Invisionizer

  • Админи
  • PipPipPip
  • 3444 Мнения:
Уроци

Публикувано 19 май 2010 - 08:57

Нямам галерия и не мога да правя тестове...
Иначе за разглеждане на всички снимки от дадена галерия можеш да пробваш това: http://invisionbg.co...findpost&p=6692

Но не гарантирам, че ще стане. За размера, ако питаш за умалените (thumbnails), би трябвало да се задава от настройките на галерията в админ панела

#19

  • Guests

Публикувано 19 май 2010 - 10:29

Не, размера на показваните в highslide снимки.

Пример - качвам снимки 600/800. С клик на нея тя се отваря, като е "смачкана", а с бутончето за пълно показване се показва добре. Въпроса е как да направя така, че с първия клик да се показва малко по голяма ...

Дано съм обяснил разбрано.

10 х !

#20 Beatfan

Beatfan

    Invisionizer

  • Админи
  • PipPipPip
  • 3444 Мнения:
Уроци

Публикувано 19 май 2010 - 13:25

Оразмеряването е автоматично и е направено така, че да се събере в браузъра, без да се налага да има скролове. Ако си на широкоекранен монитор или на някаква екзотична резолюция сигурно ще е смачкано. Но иначе си е добре :)


0 потребител(и) четат тази тема

0 потребители, 0 гости, 0 анонимни