Урок за Highslide вместо Lightbox в IPB
#1
Публикувано 25 април 2010 - 17:06
Най хубавия мод бе за Highslide - чудна система, която не зная защо не полват от IPB.
Моля за урок за тази системка за IPB 3.0.5
Зная, че има, пробвах го, мъчих му се снощи до късно, но не става - с клик на снимката се отваря в същия размер в нов таб на броузера, въобще ги няма нито картинките, нито става тъмно около тях, нито има лупичката.
Както е написано в урока, всичко изсипах в фулдъра, направих корекциите по файловете с php дизайнера.
И не тръгна, за това ако може помощ, предварително благодаря !
#2
Публикувано 25 април 2010 - 17:17
Някъде бъркаш
Редактирал ли си Global Templates -> globalTemplate - според указанията. Нещо не ти зарежда js файла.
Прочети пак внимателно урока и следвай всички стъпки. Папката трябва да е в public/js/3rd_party/. В /admin пак има js папка, да не си се объркал.
Прочети пак урока внимателно:
#3
Публикувано 25 април 2010 - 22:21
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
Публикувано 25 април 2010 - 22:33
Папката трябва да я има. Просто разархивираш архива и качваш цялата папка. Трябва да е така:
/public/js/3rd_party/highslide и вътре в папката да са всичките хави
#5
Публикувано 25 април 2010 - 22:49
Обаче няма бутончетата за следваща снимка, само се отваря нормално и има опция да се разглежда голяма ... липсват бутончетата отстрани за следваща снимка ...
Моля, дай пак хелп ...
#6
Публикувано 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
Публикувано 25 април 2010 - 23:10
Сега ще го пробвам, фотограф съм и снимам много и държа на доброто качество, а този мод ми харесва. Супер е, препоръчвам го на всеки, който има такива форуми - вградената система не е измислена и за нищо не става.
Дали може да се направи за галерията ? Би било супер !
Сега ще го пробвам и ще пиша.
10 х !
#8
Публикувано 25 април 2010 - 23:23
Просто трябва да намериш шаблона, който отговаря за разглеждането на снимка в галерията и да търсиш rel='lightbox' и заместваш с onclik.....
Нямам галерия инсталирана иначе бих ти дал точни указания
#9
Публикувано 25 април 2010 - 23:42
Само - как мога да го затъмня, за да не е светло ?
Как се справяте с малките снимки - при мен излезат едни разтегнати, ужас ... а при теб - напълно нормално ...
Почти съм убеден, че може и за галерията. Аз току що го направих да се ползва за скриншотовете в системата за файлове - IP Downloads
Просто трябва да намериш шаблона, който отговаря за разглеждането на снимка в галерията и да търсиш rel='lightbox' и заместваш с onclik.....
Нямам галерия инсталирана иначе бих ти дал точни указания
Това ще е убиец за галерията ...
Прикачени файлове
#10
Публикувано 25 април 2010 - 23:51
След като прикачиш файла, вдясно на миниатюрата и името му имаш Добави в мнението | Изтрий
Трябва да натиснеш на добави, за да не е вмъкнато на син фон
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
Публикувано 26 април 2010 - 00:09
Полезни са ви форумите за хора като мен, честно. И се радвам, че ги има.
Последен въпрос - не оразмерява снимка, добавена с линк. Откъде може да се зададат размери за добавените снимки с линк, който си е нормалния над едитора - добави снимка, адрес на снимката ?
Сега пробвам с добави в мнението ...
Samarite_Imperial_Prince_f.jpg 23,02K 150 Брой сваляния
#12
Публикувано 26 април 2010 - 00:18
И един съвет - намери време за да се поровиш малко в настройките в админ панела. Няма да стане по друг начин, а админ панела на IPB 3 е доста по-сложен в началото за ориентиране. Но пък си има Live търсачка, ползвай я
Аз бих ти препоръчал да ги накараш насила да ползват Highslide BBCode - http://invisionbg.co...als&article=173
#13
Публикувано 26 април 2010 - 00:29
Не съм чел .. от четвъртък не съм спал, ако трябва да съм честнен. Почти ... прехвърляхме форум, после проблеми, две вечери търсихме къде е проблема с мозилата и хрома, чак от вчера вечерта почнах да гледам кое какво има. Не ми остава време за админ панела, а виждам, че той е по организиран от предния и трябва да го уча.
Ще, само време да има ...
#14
Публикувано 27 април 2010 - 12:46
Не искам да има два начина за добавяне на снимки, искам да е един и той да си е от това място, където е "Добави снимка", но чрез Highslide. В момента в форума снимките се отварят по два различни начина - атъчваните снимки с програмката, а добавените с линк се отварят в нов прозорец и се губи този хубава идея ... би ми се искало да е еднакво.
Бях го направил в 2.3.6, но никой не го ползваше ... имаше го добавено в бб кода там, както бе оставено и Добави снимка да си е в оригинал ... и никой не ползваше бб кода, за това сега принудително, както сте написали, искам да го сменя.
Ако го направя и то си "хваща" новите снимки по този начин, това значи ли, че ще хване и старите, в смисъл, добавените по рано, когато този код не е работил или ще трябва да ребулдвам всички постове ... това е няколко часа циклене на мнения, форума ми е огромен и за това искам да го предвидя предварително това и да го направя късно вечер.
#15
Публикувано 27 април 2010 - 18:42
Има едно НО, обаче. Ако направиш всички снимки с този таг да се отварят чрез Highslide, ще загубиш възможността да се публикуват снимки-линкове. Вместо да отваря страница, снимката ще се уголемява с highslide. Можеш да направиш отделен BBCode за такива случаи, които да вършат това - да има поле за линк и поле за адрес на снимката
Та обяснявам как става да използваш [img] тага с Highslide, като това ще работи и с нови и с всички стари постове.
ACP -> Look & Feel -> Post Content -> BBCode Management
Намираш Image - падащото меню вдясно - Edit BBCode
Трябва да видиш най-отгоре следното:
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
Публикувано 12 май 2010 - 12:55
Дали може да се направи за галерията ? Би било супер !
Ето как се интегрира в галерията и в IP. Downloads: http://invisionbg.co...ticle=148&_st=2
#17
Публикувано 18 май 2010 - 15:51
Направих го за галерията, работи, харесва ми ...
Може ли още един въпрос за любимата ми модификация ?
В галерията има една лупичка, с клик на която се отваря снимката в по голям размер. Как да направя така, че да може и като се кликне на самата снимка, да се появява в по - големия размер, както е примерно в форума ? И може ли да се направи така, че в прозореца на highslide в галерията да се разглеждат всички снимки от дадена галерията ?
И още един въпрос - откъде се оразмерява размера на показваната снимка ?
Предварително благодаря за отговорите !
#18
Публикувано 19 май 2010 - 08:57
Иначе за разглеждане на всички снимки от дадена галерия можеш да пробваш това: http://invisionbg.co...findpost&p=6692
Но не гарантирам, че ще стане. За размера, ако питаш за умалените (thumbnails), би трябвало да се задава от настройките на галерията в админ панела
#19
Публикувано 19 май 2010 - 10:29
Пример - качвам снимки 600/800. С клик на нея тя се отваря, като е "смачкана", а с бутончето за пълно показване се показва добре. Въпроса е как да направя така, че с първия клик да се показва малко по голяма ...
Дано съм обяснил разбрано.
10 х !
#20
Публикувано 19 май 2010 - 13:25
0 потребител(и) четат тази тема
0 потребители, 0 гости, 0 анонимни