Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Создание фотогалереи (https://javascript.ru/forum/dom-window/8645-sozdanie-fotogalerei.html)

Эллурн 07.04.2010 04:18

Создание фотогалереи
 
Моя задача на сейчас: написать страницы, которые могли бы выполнять следующие функции: просмотр фотографий продукции вместе с описанием выбранного продукта, его оценкой и комментариями (плюс поиск по всей продукции, но это уже отдельный разговор :):):) )

Поскольку я человечек новый в веб-программировании, надо хотя бы с чего-то начать)) А начать я хочу со следующего: создать для начала что-то вроде простенькой "фотогалереи", типа вот этой: http://best-picture.ucoz.ru/photo/28-0-2959. Долго вчитывался в код, но так и не понял, каким образом реализована "полоса прокрутки" из уменьшенных копий изображений, и можно ли подгружать выбранное изображение без перезагрузки всей страницы...

Буду очень благодарен, если вы мне поможете разобраться, что и каким образом тут делается :help: :victory: :dance:

Leax 07.04.2010 11:39

Эллурн,
Я бы вам посоветовал начать с этого

Чем и сам сейчас занимаюсь...
Ваш вопрос сравним с "Хочу написать программу подобную Excel, помогите разобраться как это делается"

Leax 07.04.2010 11:49

В указанной вами фотогалерее при нажатии на кнопку Влево выполняется функция 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 07.04.2010 17:24

Цитата:

Сообщение от Leax
Отдельные изображения без перезагрузки всей страницы можно подгружать с помощью AJAX

Чо?! Не морочь людям головы! Изображение автоматически начинает подгружаться при появлении в DOM-дереве. Заюзай методы DOM.

Leax 07.04.2010 18:28

B~Vladi,
Не спорю, могу ошибаться - "я не волшебник, я только учусь" :yes:
:-?

Shaci 08.04.2010 15:51

вот здесь какая-то галерея была, вроде ничего так
http://javascript.ru/forum/project/6...ry-skript.html

Эллурн 10.04.2010 00:24

Спасибо большое, в результате я решил, что лучше сам что-то мудрить буду, ибо осталось все ни хрена непонятно)))

Цитата:

Сообщение от B~Vladi
Изображение автоматически начинает подгружаться при появлении в DOM-дереве.

+, спасибо


Часовой пояс GMT +3, время: 18:27.