Работа сайта

[nicotin]

Никак не пойму как работает сайт... Помогите разобраться.

http://www.jasonjulien.com/

При просмотре кода через Firefox почему то не видно ссылок на следующую, предыдущую страницы с его работами(большие картинки в середине) и др. ссылки отображаются как href="#" и.т.д.

Вот вам куски кода.

<a style="" href="#" id="PrevLink" title="Previous Photo"><span>Previous</span></a>
<a style="" href="#" id="NextLink" title="Next Photo"><span>Next</span></a>
<a href="#" onclick=

При переходе по ссылки оба значение не меняются

<a style="" href="#" id="PrevLink" title="Previous Photo"><span>Previous</span></a>
<a style="" href="#" id="NextLink" title="Next Photo"><span>Next</span></a>

Не пойму как все это работает...

Откуда решетки эти?

[D.S.Denton]

где-то выше, скорее всего в head стоит js-обработчик, отслеживающий клики по ссылкам, ведь у них есть id. соответственно видя клик по элементу с айди PrevLink он смотрит текущее значение какого-то параметра (номер фото так понимаю) и уменьшает его на единицу. аналогично увеличение. а смотреть точнее не полезу, принцип и так понятен

[tematika]

Товарищь, вы о ч?м? Это же Ajax. Технология для передачи данных между страницей и сервером без перезагрузки документа.

[nicotin]

А инфы нет никакой, поподробнее почитать как это работает? Изменяет он не по названию это точно, так как там у всех названия совершенно хаотичные закономерности никакой нет

[nicotin]

Да я деревянка еще))) Ну так что инфы никто не подкинет?

[tematika]

Вот сам скрипт: http://www.prototypejs.org/ Информацию о н?м можно найти там же.

Ещ? один пример работы http://www.couloir.org/

[D.S.Denton]

Товарищь, вы о ч?м? Это же Ajax. Технология для передачи данных между страницей и сервером без перезагрузки документа.

и что? ajax, он же HTTP XML Request, это развитие технологии javascript.

без обработчика хоть укликайся по ссылкам с "решетками" ничего все равно работать не будет.

вот собсна оно и есть:

http://www.jasonjulien.com/include/slideshow_js/

var thisURL = document.location.href; (взяли урл из адресной строки)

var splitURL = thisURL.split("#"); (разрезали его по символу #)

var photoId = splitURL[1] - 1; (обратились к второму из этих получившихся кусков, уменьшили на единицу, вот и имеем то, про что я говорил "номер фото")

смотрим дальше. ну это и так по комментарию понятно, задан массив всех фото, откуда сразу становится понятно зачем только что для получения айди отнимали единицу, ведь в массивах первый элемент имеет индекс 0

// Define each photo's name, height, width, and caption
var photoArray = new Array(
 // Source, Width, Height, Caption
 new Array("work.jpg", "850", "400", ""),
 new Array("lwcc.jpg", "850", "400", ""),
 new Array("arts07.jpg", "850", "400", ""),
 new Array("ebenezers.jpg", "850", "400", ""),
 new Array("tcot.jpg", "850", "400", ""),
 new Array("fuze.jpg", "850", "400", ""),
 new Array("onep3.jpg", "850", "400", ""),
 new Array("btgh.jpg", "850", "400", ""),
 new Array("change.jpg", "850", "400", ""),
 new Array("shcc.jpg", "850", "400", ""),
 new Array("cla-web.jpg", "850", "400", ""),
 new Array("otc.jpg", "850", "400", ""),
 new Array("kriterion.jpg", "850", "400", ""),
 new Array("jetgolf.jpg", "850", "400", ""),
 new Array("wil-sh.jpg", "850", "400", ""),
 new Array("frechette.jpg", "850", "400", "")

this.prevLink = 'PrevLink'; и this.nextLink = 'NextLink'; очевидно определяют айди элементов в документе, про что я также уже сказал сразу.

в общем все тоже самое можно было реализовать гораздо проще, без 11 js-файлов весом больше 100кб в сумме. и без использования ajax коль на то пошло, достаточно чистого javascript 1.0 и даже моих практически нулевых знаний этого языка. вот гораздо более простой вариант, год назад примерно здесь же на хтмлбуке его уже выкладывал. если кому охота - дорабатывайте. прикрутить туда например генерацию массива фото пхпшными средствами и вообще будет удобно http://denton.msk.ru/download/DCPG2_2.1.rar

[nicotin]

Огромное спасибо. Заинтересовался Ajax.

[Dimitry Wolotko]

mmm dwnew