Создание фотогалереи
Моя задача на сейчас: написать страницы, которые могли бы выполнять следующие функции: просмотр фотографий продукции вместе с описанием выбранного продукта, его оценкой и комментариями (плюс поиск по всей продукции, но это уже отдельный разговор :):):) )
Поскольку я человечек новый в веб-программировании, надо хотя бы с чего-то начать)) А начать я хочу со следующего: создать для начала что-то вроде простенькой "фотогалереи", типа вот этой: http://best-picture.ucoz.ru/photo/28-0-2959. Долго вчитывался в код, но так и не понял, каким образом реализована "полоса прокрутки" из уменьшенных копий изображений, и можно ли подгружать выбранное изображение без перезагрузки всей страницы... Буду очень благодарен, если вы мне поможете разобраться, что и каким образом тут делается :help: :victory: :dance: |
Эллурн,
Я бы вам посоветовал начать с этого Чем и сам сейчас занимаюсь... Ваш вопрос сравним с "Хочу написать программу подобную Excel, помогите разобраться как это делается" |
В указанной вами фотогалерее при нажатии на кнопку Влево выполняется функция doPhtSwitch:
function doPhtSwitch(n,f,p){
if (!f){f=0;}
document.getElementById('rightSwch').onclick='javascript://';
document.getElementById('leftSwch').onclick='javascript://';
_uPostForm('',{url:'http://best-picture.ucoz.ru/photo/28-0-0-10-'+n+'-'+f+'-'+p});
}
function _uPostForm(a,b){
if(!a&&b&&b.url){
_uAjaxRequest(b.url,b);
return
}
var c;
if(typeof(a)!="object"){
c=$("#"+a)
}
else{
c=$(a)
}
if(!c.length){return}
var d=$.extend({app:0,wnd:0,url:c.attr("action")||window.location.toString(),type:c.attr("method")||
"GET",error:_defAjaxFormError,success:_defAjaxSuccess,complete:_defAjaxFormComplete,dataType:"xml",semantic:false},b||{});
if(d.app&&d.app.appname&&d.app.pid>0){
d.app=d.app.pid
}
if(d.wnd&&d.wnd.constructor==_uWnd){d.wnd=d.wnd.idx}
if(!d.data){d.data={}}
if(d.app>0&&!("_ai" in d.data)){d.data._ai=d.app}
if(d.app>0&&_uApp.all[d.app]&&_uApp.all[d.app]._admpasscook){d.data._apc=_uApp.all[d.app]._admpasscook}
if(d.wnd>0&&!("_wi" in d.data)){d.data._wi=d.wnd}
if(_hookAjaxError&&!d.noerrorhook){d.prev_error=d.error;d.error=_hookAjaxError}
d._formobj=c[0];if(d.app>0&&!d.nosuccesshook){d.prev_success=d.success;d.success=_hookAjaxSuccess}
c.ajaxSubmit(d)
}
Отдельные изображения без перезагрузки всей страницы можно подгружать с помощью AJAX |
Цитата:
|
B~Vladi,
Не спорю, могу ошибаться - "я не волшебник, я только учусь" :yes: :-? |
вот здесь какая-то галерея была, вроде ничего так
http://javascript.ru/forum/project/6...ry-skript.html |
Спасибо большое, в результате я решил, что лучше сам что-то мудрить буду, ибо осталось все ни хрена непонятно)))
Цитата:
|
| Часовой пояс GMT +3, время: 22:45. |