Разработчикам и вебмастерам

Покажите фотографии Фишап посетителям вашего сайта или блога

Сервис Фишап обладает открытым программным интерфейсом (API). С помощью API, каждый может написать свои собственные программы или скрипты, которые будут отображать данные Фишап (фотогафии, теги, группы и т.д.) в новых и отличных от Фишап стилях.

С чего можно начать?

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

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

	Горизонтальный снимок вверху:	Скопировать код этого примера: <script language="JavaScript" type="text/javascript"> //шаблон для отображения блока //подстановки: //{bigHorN} - большая горизонтальная картинка //{bigVertN} - большая вертикальная картинка //{tnSquareN} - квадратная маленькая превьюха //где N - число от 0 и до упора var template='<table><tbody><tr><td colspan="3">{bigHor0}</td></tr><tr><td align="left">{tnSquare0}</td><td align="center">{tnSquare1}</td><td align="right">{tnSquare2}</td></tr></tbody></table>'; var fu_server = 'www.fishup.ru'; function showPics(res){ if(res.error.errorcode === 0){ var img = null, id=0, rows = res.data.data, html = null; bigVert=new Array(); bigHor=new Array(); tnSquare=new Array(); var hCount=vCount=sCount=0; counter=prepare_template(template); order=new_arr(rows.SQUARE_FILE.length); order.sort(shuffle); for(var i=0; i < order.length; i++) { img = imgData(rows.ORIGINAL_FILE[order[i]]); if (bigHor.length<counter['hor'] && img.width>img.height) //если горизонтально ориентирован { bigHor[hCount]=order[i]; hCount++; } else if (bigVert.length<counter['vert'] && img.width<img.height)//если вертикально ориентирован { bigVert[vCount]=order[i]; vCount++; } else { tnSquare[sCount]=order[i]; sCount++; } } for (i=0; i<bigHor.length; i++) { img = imgData(rows.CROP_HOR_FILE[bigHor[i]]); template=template.replace('{bigHor'+i+'}' , make_link(img, rows.ID[bigHor[i]])); } for (i=0; i<bigVert.length; i++) { img = imgData(rows.CROP_VERT_FILE[bigVert[i]]); template=template.replace('{bigVert'+i+'}' , make_link(img, rows.ID[bigVert[i]])); } for (i=0; i<tnSquare.length; i++) { img = imgData(rows.SQUARE_FILE[tnSquare[i]]); template=template.replace('{tnSquare'+i+'}' , make_link(img, rows.ID[tnSquare[i]])); } template=template.replace(/\{.*?\}/g , ""); document.write(template); } } function prepare_template(template) { var counter=new Array(); hor=template.match('\{bigHor[0-9]+\}'); vert=template.match('\{bigVert[0-9]+\}'); counter['hor']=(hor)?hor.length:0; counter['vert']=(vert)?vert.length:0; return counter; } function make_link(img, id) { return '<a href="http://'+fu_server+'/svc/go.cfm?oid='+id+'" target="_blank"><img src="http://'+fu_server+img.src+'" width="'+img.width+'"height="'+img.height+'" alt="" border="0" /></a>'; } function new_arr(length) { arr=new Array(); for(i=0; i<length; i++) { arr[i]=i; } return arr; } function shuffle(a,b) { return (1-Math.random()*2); } function imgData(imgStr){ var r_obj = {src:"", height:100, width:100}; var arStr = imgStr.split("|"); r_obj.src = arStr[0]; r_obj.height = arStr[3]; r_obj.width = arStr[2]; return r_obj; } function favorite(res){ if(res.error.errorcode === 0){ var rows = res.data.data; if (rows.ID.length) { var id=Math.round(Math.random() * (rows.ID.length-1)); document.write('\<script language="JavaScript" src="http://'+fu_server+'/api/galleries/gobject.cfc?method=getGObjectsByGalID&galid='+rows.ID[id]+'&rec_per_page=9&encoding=json&callback=showPics"\>\</script\>'); } } } </script> <script language="JavaScript" src="http://www.fishup.ru/api/galleries/gallery.cfc?method=getGalleriesByUserID&user_id=25221&is_favorite=1&rec_per_page=10&encoding=json&callback=favorite"></script>
	Горизонтальный снимок снизу:	Скопировать код этого примера: <script language="JavaScript" type="text/javascript"> //шаблон для отображения блока //подстановки: //{bigHorN} - большая горизонтальная картинка //{bigVertN} - большая вертикальная картинка //{tnSquareN} - квадратная маленькая превьюха //где N - число от 0 и до упора var template='<table><tbody><tr><td align="left">{tnSquare0}</td><td align="center">{tnSquare1}</td><td align="right">{tnSquare2}</td></tr><tr><td colspan="3">{bigHor0}</td></tr></tbody></table>'; var fu_server = 'www.fishup.ru'; function showPics(res){ if(res.error.errorcode === 0){ var img = null, id=0, rows = res.data.data, html = null; bigVert=new Array(); bigHor=new Array(); tnSquare=new Array(); var hCount=vCount=sCount=0; counter=prepare_template(template); order=new_arr(rows.SQUARE_FILE.length); order.sort(shuffle); for(var i=0; i < order.length; i++) { img = imgData(rows.ORIGINAL_FILE[order[i]]); if (bigHor.length<counter['hor'] && img.width>img.height) //если горизонтально ориентирован { bigHor[hCount]=order[i]; hCount++; } else if (bigVert.length<counter['vert'] && img.width<img.height)//если вертикально ориентирован { bigVert[vCount]=order[i]; vCount++; } else { tnSquare[sCount]=order[i]; sCount++; } } for (i=0; i<bigHor.length; i++) { img = imgData(rows.CROP_HOR_FILE[bigHor[i]]); template=template.replace('{bigHor'+i+'}' , make_link(img, rows.ID[bigHor[i]])); } for (i=0; i<bigVert.length; i++) { img = imgData(rows.CROP_VERT_FILE[bigVert[i]]); template=template.replace('{bigVert'+i+'}' , make_link(img, rows.ID[bigVert[i]])); } for (i=0; i<tnSquare.length; i++) { img = imgData(rows.SQUARE_FILE[tnSquare[i]]); template=template.replace('{tnSquare'+i+'}' , make_link(img, rows.ID[tnSquare[i]])); } template=template.replace(/\{.*?\}/g , ""); document.write(template); } } function prepare_template(template) { var counter=new Array(); hor=template.match('\{bigHor[0-9]+\}'); vert=template.match('\{bigVert[0-9]+\}'); counter['hor']=(hor)?hor.length:0; counter['vert']=(vert)?vert.length:0; return counter; } function make_link(img, id) { return '<a href="http://'+fu_server+'/svc/go.cfm?oid='+id+'" target="_blank"><img src="http://'+fu_server+img.src+'" width="'+img.width+'"height="'+img.height+'" alt="" border="0" /></a>'; } function new_arr(length) { arr=new Array(); for(i=0; i<length; i++) { arr[i]=i; } return arr; } function shuffle(a,b) { return (1-Math.random()*2); } function imgData(imgStr){ var r_obj = {src:"", height:100, width:100}; var arStr = imgStr.split("|"); r_obj.src = arStr[0]; r_obj.height = arStr[3]; r_obj.width = arStr[2]; return r_obj; } function favorite(res){ if(res.error.errorcode === 0){ var rows = res.data.data; if (rows.ID.length) { var id=Math.round(Math.random() * (rows.ID.length-1)); document.write('\<script language="JavaScript" src="http://'+fu_server+'/api/galleries/gobject.cfc?method=getGObjectsByGalID&galid='+rows.ID[id]+'&rec_per_page=9&encoding=json&callback=showPics"\>\</script\>'); } } } </script> <script language="JavaScript" src="http://www.fishup.ru/api/galleries/gallery.cfc?method=getGalleriesByUserID&user_id=25221&is_favorite=1&rec_per_page=10&encoding=json&callback=favorite"></script>
	Больше квадратных превью:	Скопировать код этого примера: <script language="JavaScript" type="text/javascript"> //шаблон для отображения блока //подстановки: //{bigHorN} - большая горизонтальная картинка //{bigVertN} - большая вертикальная картинка //{tnSquareN} - квадратная маленькая превьюха //где N - число от 0 и до упора var template='<table><tbody><tr><td align="left">{tnSquare0}</td><td align="center">{tnSquare1}</td><td align="right">{tnSquare2}</td></tr><tr><td align="left">{tnSquare3}</td><td align="center">{tnSquare4}</td><td align="right">{tnSquare5}</td></tr><tr><td colspan="3">{bigHor0}</td></tr></tbody></table>'; var fu_server = 'www.fishup.ru'; function showPics(res){ if(res.error.errorcode === 0){ var img = null, id=0, rows = res.data.data, html = null; bigVert=new Array(); bigHor=new Array(); tnSquare=new Array(); var hCount=vCount=sCount=0; counter=prepare_template(template); order=new_arr(rows.SQUARE_FILE.length); order.sort(shuffle); for(var i=0; i < order.length; i++) { img = imgData(rows.ORIGINAL_FILE[order[i]]); if (bigHor.length<counter['hor'] && img.width>img.height) //если горизонтально ориентирован { bigHor[hCount]=order[i]; hCount++; } else if (bigVert.length<counter['vert'] && img.width<img.height)//если вертикально ориентирован { bigVert[vCount]=order[i]; vCount++; } else { tnSquare[sCount]=order[i]; sCount++; } } for (i=0; i<bigHor.length; i++) { img = imgData(rows.CROP_HOR_FILE[bigHor[i]]); template=template.replace('{bigHor'+i+'}' , make_link(img, rows.ID[bigHor[i]])); } for (i=0; i<bigVert.length; i++) { img = imgData(rows.CROP_VERT_FILE[bigVert[i]]); template=template.replace('{bigVert'+i+'}' , make_link(img, rows.ID[bigVert[i]])); } for (i=0; i<tnSquare.length; i++) { img = imgData(rows.SQUARE_FILE[tnSquare[i]]); template=template.replace('{tnSquare'+i+'}' , make_link(img, rows.ID[tnSquare[i]])); } template=template.replace(/\{.*?\}/g , ""); document.write(template); } } function prepare_template(template) { var counter=new Array(); hor=template.match('\{bigHor[0-9]+\}'); vert=template.match('\{bigVert[0-9]+\}'); counter['hor']=(hor)?hor.length:0; counter['vert']=(vert)?vert.length:0; return counter; } function make_link(img, id) { return '<a href="http://'+fu_server+'/svc/go.cfm?oid='+id+'" target="_blank"><img src="http://'+fu_server+img.src+'" width="'+img.width+'"height="'+img.height+'" alt="" border="0" /></a>'; } function new_arr(length) { arr=new Array(); for(i=0; i<length; i++) { arr[i]=i; } return arr; } function shuffle(a,b) { return (1-Math.random()*2); } function imgData(imgStr){ var r_obj = {src:"", height:100, width:100}; var arStr = imgStr.split("|"); r_obj.src = arStr[0]; r_obj.height = arStr[3]; r_obj.width = arStr[2]; return r_obj; } function favorite(res){ if(res.error.errorcode === 0){ var rows = res.data.data; if (rows.ID.length) { var id=Math.round(Math.random() * (rows.ID.length-1)); document.write('\<script language="JavaScript" src="http://'+fu_server+'/api/galleries/gobject.cfc?method=getGObjectsByGalID&galid='+rows.ID[id]+'&rec_per_page=9&encoding=json&callback=showPics"\>\</script\>'); } } } </script> <script language="JavaScript" src="http://www.fishup.ru/api/galleries/gallery.cfc?method=getGalleriesByUserID&user_id=25221&is_favorite=1&rec_per_page=10&encoding=json&callback=favorite"></script>

как и что можно изменить в примерах

Отображение альбома производится по заданному шаблону. Этот шаблон может создать каждый - это очень просто, ведь шаблон представляет из себя простейшую таблицу на языке HTML с указанными метапеременными. Пример шаблона в виде таблицы: var template='<table><tbody><tr><td colspan="3">{bigHor0}</td></tr><tr><td align="left">{tnSquare0}</td><td align="center">{tnSquare1}</td><td align="right">{tnSquare2}</td></tr></tbody></table>'; Вы можете прислать нам свой вариант шаблона и мы добавим его в наши примеры »		Вы можете задать ориентацию отображаемой фотографии с помощью параметров: {bigHorN} - большая горизонтальная картинка {bigVertN} - большая вертикальная картинка где N - это число от 0 и до ... ну, к примеру, сколько у вас есть мест в шаблоне :-) Вы можете указать количество квадратных превью с помощью параметра: {tnSquareN} - квадратная маленькая превью		Еще, вы можете задать источник фотографий при вызове скрипта укажите: user_id=XXXXX (где, XXXXX - это число) Как узнать ID пользователя Вы можете прочитать в блоге "Фишп своими руками". is_favorite=1 - выбирать только из любимых альбомв is_favorite=0 - выбирать из всех публичных альбомов, включая любимые

Если вы чувствуете в себе силы создать свое приложение, далее вы можете подробнее ознакомиться с документацией по API. Посетить ветку форума «Фишап API» и подать заявку на получения логина и пароля разработчика. Для этого отправьте запрос в свободной форме по адресу support@fishup.ru

« Документация по API Фишап

Следующие примеры »