[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: ajax загрузка контента
divine266
Добрый вечер, столкнулся с такой проблемой загрузки контента а именно картинок и информации о них без перезагрузки контента, не подскажите куда копать и как такое можно реализовать.

Выводятся миниатюры картинок, при клике на них должно открываться как бы в модальном окне и в URL прописывался путь на нее и переход в перед и назад, при заходе по ссылке на прямую чтоб сразу отображалась большая картинка в окне sad.gif



Спустя 12 минут, 32 секунды (30.09.2011 - 21:51) caballero написал(а):
есть куча яваскриптовых плагинов для просмотра картинок (тот же fancybox )
чего придумывать чтото

Спустя 5 минут, 52 секунды (30.09.2011 - 21:56) divine266 написал(а):
эм, да не спорю есть, но я что то у них не видел чтоб прописывалась ссылка в URL

Спустя 10 минут, 44 секунды (30.09.2011 - 22:07) caballero написал(а):
Цитата
эм, да не спорю есть, но я что то у них не видел чтоб прописывалась ссылка в URL


А как они по твоему большине картьинки подтягивают без URL

Спустя 4 минуты, 15 секунд (30.09.2011 - 22:11) divine266 написал(а):
это все делается как бы в фоновом режиме, а надо чтоб была ссылка на картинку такого вида
http://site.ru/?photo=my_photo1

а не http://site.ru
загрузка разных картинок без изменение URL

Спустя 3 минуты, 53 секунды (30.09.2011 - 22:15) caballero написал(а):
ты ж сам написал что хочешь без перезагрузки контента
Понятно что в фоновом режиме и соответственно ссылка в строке браузера не меняется


Спустя 6 минут, 49 секунд (30.09.2011 - 22:22) divine266 написал(а):
без перезагрузки, но надо чтоб менялась ссылка в строке, и при заходе на нее сразу открывалась большая картинка, в этом то вся и проблема

Спустя 1 минута, 55 секунд (30.09.2011 - 22:24) Winston написал(а):
divine266
Сделай как здесь.
Нажми на картинку...

Спустя 4 минуты, 31 секунда (30.09.2011 - 22:29) caballero написал(а):
Цитата
без перезагрузки, но надо чтоб менялась ссылка в строке, и при заходе на нее сразу открывалась большая картинка, в этом то вся и проблема


так это разные задачи
выводишь страницу с миниатюрами рисуешь там ссылки какие хочешь
а при щелчке идет подгрузка чтобы не срабатывала ссылка ставишь там в return false или void(0) на onclick

Спустя 6 минут (30.09.2011 - 22:35) divine266 написал(а):
caballero
так а в чем прикол если ссылка не отобразиться в стоку браузера? мне надо чтоб она отображалась, но страница не перегружалась

Спустя 1 минута, 42 секунды (30.09.2011 - 22:36) divine266 написал(а):
Winston
эт не то, идет просто подгрузка картинки, а надо чтоб при подгрузке картинки в строку браузера писалась ссылка, и если зайди по этой ссылке то откороется сразу подгруженная большая картинка


Спустя 50 секунд (30.09.2011 - 22:37) neadekvat написал(а):
Цитата (divine266 @ 30.09.2011 - 23:35)
так а в чем прикол если ссылка не отобразиться в стоку браузера? мне надо чтоб она отображалась, но страница не перегружалась

Такое возможно только со ссылками вида
site.ru/#/param=val

Спустя 1 минута, 33 секунды (30.09.2011 - 22:39) divine266 написал(а):
neadekvat
эм, нашел реализацию как мне нужно при открытии картинки в контакте, и там нет никаких #

Спустя 33 секунды (30.09.2011 - 22:39) divine266 написал(а):
вот мне нужно что то подобное))) как там)

Спустя 4 минуты, 49 секунд (30.09.2011 - 22:44) neadekvat написал(а):
Цитата (divine266 @ 30.09.2011 - 23:39)
эм, нашел реализацию как мне нужно при открытии картинки в контакте, и там нет никаких #

Ковыряй код Вконтакте, чо.

Спустя 6 минут, 21 секунда (30.09.2011 - 22:50) divine266 написал(а):
neadekvat
а если с # то как?)

Спустя 16 минут, 20 секунд (30.09.2011 - 23:07) caballero написал(а):
Цитата
так а в чем прикол если ссылка не отобразиться в стоку браузера


Давай все таки уточним о какой строке речь
адресной строке или строке статуса?

изменение адресной строки браузера перезагрузит страницу
можно добавлять только якорь

но посколькм ногие браузеры начали поддерживать HTML5 то
можно использовать хотрожопую функцию history.pushState,

Цитата
а если с # то как?)

просто дописываете якорь - так и делают в браузерах которые не подерживают HTML5

Спустя 30 минут, 31 секунда (30.09.2011 - 23:37) divine266 написал(а):
можно подробнее о том и о том, первый раз с ajax сталкиваюсь(((
Буду очень благодарен

Спустя 4 минуты, 26 секунд (30.09.2011 - 23:42) Winston написал(а):
Цитата (divine266 @ 30.09.2011 - 23:37)
можно подробнее о том и о том

Лучше статьи почитать, т.к. там лучше разжевано.
Например вот

Спустя 28 минут, 18 секунд (1.10.2011 - 00:10) divine266 написал(а):
Winston
спасибо, но меня интересует jQuery.ajax
и просто загрузку контента аяксом я могу написать, я не могу найти как брать данные из адресной строки подгружать по ним, и при выборе другого элемента менять адресную строку

Спустя 5 минут, 43 секунды (1.10.2011 - 00:16) Winston написал(а):

Спустя 7 минут, 52 секунды (1.10.2011 - 00:23) divine266 написал(а):
Winston
спасибо почитаю еще про аякс) но по смене ссылок в строке не решено( или как говорилось ранее про якоря))) просто подгрузка аяксом не труднее скрипта пыха)


_____________
Админы и программисты - люди иного мира.
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.