Создание фотогалереи
Моя задача на сейчас: написать страницы, которые могли бы выполнять следующие функции: просмотр фотографий продукции вместе с описанием выбранного продукта, его оценкой и комментариями (плюс поиск по всей продукции, но это уже отдельный разговор :):):) )
Поскольку я человечек новый в веб-программировании, надо хотя бы с чего-то начать)) А начать я хочу со следующего: создать для начала что-то вроде простенькой "фотогалереи", типа вот этой: 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, время: 18:27. |