ExBB Community :: Версия для печати :: Помогите с установкой виджета

1. Иван Петров - 17 марта 2016 — 20:25 - перейти к сообщению

Решил установить виджет от хостинга картинок imagebam на форум. Штука вроде удобная, тем более на форуме очень популярно это фотохранилище фотографий среди участников конференции. А теперь вопрос, как это сделать, чтобы получилось примерно вот так:

Код виджета:

CODE:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>



<div id="ImageBamWidgetContainer"></div>
<script type="text/javascript">
ibw_code_type = "bb";
ibw_textarea_id = "targetTextareaId"; // replace this with the correct ID
ibw_container = "ImageBamWidgetContainer";
</script>
<script type="text/javascript" src="http://www.imagebam.com/files/imagebam-widget.js"></script>

Страница виджета: http://www.imagebam.com/remote-upload-widget

2. electron - 18 марта 2016 — 06:41 - перейти к сообщению

а собственно, в чем проблема? в коде же понятно написано что куда прописывать

Иван Петров пишет:

перевод

Цитата:

то есть идем в шаблон all_header.tpl и перед </head>
подключаем библиотеку аякса

CODE:

а все остальное

CODE:

<div id="ImageBamWidgetContainer"></div>
<script type="text/javascript">
ibw_code_type = "bb";
ibw_textarea_id = "targetTextareaId"; // replace this with the correct ID
ibw_container = "ImageBamWidgetContainer";
</script>
<script type="text/javascript" src="http://www.imagebam.com/files/imagebam-widget.js"></script>

загоняем в шаблон формы ответа post_form.tpl.

например воткнуть это в виде такого кода

CODE:

<tr>
<td class="pformleft">Загрузка фотографий на фотохостинг imagebam.com</td>
<td class="pformright">
<div id="ImageBamWidgetContainer"></div>
<script type="text/javascript">
<bw_code_type = "bb";
ibw_textarea_id = "targetTextareaId"; // replace this with the correct ID
ibw_container = "ImageBamWidgetContainer";
</script>
<script type="text/javascript" src="http://www.imagebam.com/files/imagebam-widget.js"></script>
</td>
</tr>

выше кнопок ОТПРАВИТЬ, ПРЕДВАРИТЕЛЬНЫЙ ПРОСМОТР....

CODE:

<tr>
<td class="pformstrip" align="center" style="text-align:center" colspan="2">
<input type="submit" name="submit" value="{$fm->LANG['Send']}" onClick="return FormChecker(this.form)" accesskey="s" />  
<input type="submit" name="preview" value="{$fm->LANG['Preview']}" onClick="return FormChecker(this.form)">  
<input type="reset" name="Clear" value="{$fm->LANG['Clear']}" />
</td>
</tr>

как-то так... будет ли это дело работать - хз, проверьте сами.

3. Иван Петров - 18 марта 2016 — 10:33 - перейти к сообщению

Благодарю, electron, вечером попробую установить этот виджет, посмотрю, что получится

4. Иван Петров - 18 марта 2016 — 16:55 - перейти к сообщению

Все прекрасно ставится, хорошо смотрится, но есть одно НО. В виджете можно выбрать максимальный размер превьюшек (thumbnails) лишь 180х180, а этого к сожалению недостаточно, уж больно маленькие превьюхи получаются. Если грузить картинки на самом сайте (не через виджет), то там можно выбрать самые оптимальные превьюшки 250х250 и 300х300. Писал в поддержку, ответили, что мол так задумано и к сожалению ничего поделать нельзя. Огорчение

5. electron - 18 марта 2016 — 18:30 - перейти к сообщению

как вариант... какой-ннибудь файловой качалкой попробовать выдрать файл http://www.imagebam.com/files/imagebam-widget.js и что-нибудь в нем подправить "под себя". должны же там быть какие-то цифры...

6. Иван Петров - 18 марта 2016 — 19:12 - перейти к сообщению

electron пишет:

что-нибудь в нем подправить

Даже и не знаю, что тут можно подправить

Спойлер (Отобразить)

CODE:

if (typeof ibw_background_color == 'undefined') {
ibw_background_color = "FFFFFF";
}

if (typeof ibw_callback == 'undefined') {
ibw_callback = "ImageBamWidgetCallback";
}

if (typeof ibw_content_type == 'undefined') {
ibw_content_type = "";
}

if (typeof ibw_font_color == 'undefined') {
ibw_font_color = "ff0000";
}

if (typeof ibw_container == 'undefined') {
ibw_container = "ImageBamWidgetContainer";
}

if (typeof ibw_code_type == 'undefined') {
ibw_code_type = "html";
}

if(typeof ibw_html_target =='undefined'){
ibw_html_target = "_blank";
}

ibw_code_type = ibw_code_type.toLowerCase();

function ImageBamWidgetCallback(a){
code = "";
for(i = 0; i<a.length; i++){

if(ibw_code_type=='html'){
code += ('<'+'a href="' + a[i].URL + '" target="'+ibw_html_target+'">');
code += ('<'+'img src="'+a[i].thumbnail+'" alt="ImageBam - free image host"');
if(typeof ibw_css_class != 'undefined'){
code += (' class="'+ibw_css_class+'"');
}
code += "></a>";

}

if(ibw_code_type=='bb'){
code += ("[URL=" + a[i].URL + "][IMG]" + a[i].thumbnail + "[/IMG][/URL] ");
}
}
document.getElementById(ibw_textarea_id).value = (document.getElementById(ibw_textarea_id).value + code);
}

function ImageBamResize (num) {

document.getElementById(ibw_container).style.height = num+"px";
//document.getElementById("flashcontent").height = num+"px";
}

var flashvars = {};
flashvars.jsFunctionName = ibw_callback;
flashvars.content_type_allowed = ibw_content_type;
flashvars.background_color = "0x"+ibw_background_color;
flashvars.font_color = "0x"+ibw_font_color;

flashvars.maxsinglefilesize = "4096";
flashvars.maxtotalfilesize = "512000";
flashvars.maxfiles = "200";
var params = {};
params.allowScriptAccess = "always";
var attributes = {};
swfobject.embedSWF("http://www.imagebam.com/files/ImageBamWidget-1-5.swf", ibw_container, "373", "121" , "9", false, flashvars, params, attributes);