Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   fancybox - передать имя картинки в url (https://javascript.ru/forum/jquery/55600-fancybox-peredat-imya-kartinki-v-url.html)

segajb 06.05.2015 10:08
fancybox - передать имя картинки в url
 
Допустим есть такой код:
Код:
$.fancybox([
{href : '/images/gallery/pic1.jpg', padding : 7, loop : true},
{href : '/images/gallery/pic2.jpg', padding : 7, loop : true},
{href : '/images/gallery/pic3.jpg', padding : 7, loop : true},
{href : '/images/gallery/pic4.jpg', padding : 7, loop : true}       
]);
те обычная галерея только изображения прописываются в тут в скрипте.
Вопрос: как можно передать имя картинки в url?
Чтобы адрес был вида
site.ru/razdel/pic1.jpg итд ?

рони 06.05.2015 11:43
segajb,
можно уточнить в какой url?

segajb 06.05.2015 11:59
Цитата:
Сообщение от рони (Сообщение 369621)
segajb,
можно уточнить в какой url?
имеется в виду в адрес сайта в браузере. просто подставлять имя активной картинки (страница не будет перезагружаться, все через js)

рони 06.05.2015 12:22
segajb,
не осилил.

segajb 06.05.2015 14:15
Цитата:
Сообщение от рони (Сообщение 369627)
segajb,
не осилил.
те листаем галерею, а в url появляется
site.ru/razdel/pic1.jpg
листаем следущее фото, адрес становится
site.ru/razdel/pic2.jpg
итп

задача по идее простая: просто подставить имя активной картинки в url

segajb 06.05.2015 14:16
наподобие того как сделан просмотр фото вконтакте: помимо просто листания еще меняется и url страницы

рони 06.05.2015 16:54
segajb,
как то так 
$.fancybox([
{href : '/images/gallery/pic1.jpg'},
{href : '/images/gallery/pic2.jpg'},
{href : '/images/gallery/pic3.jpg'},
{href : '/images/gallery/pic4.jpg'}
],{
   loop : true,
    afterLoad: function(current, previous) {
        history.pushState(null, null, 'http://site.ru/razdel/' + current.href.split('/').pop() );

    }
} );

segajb 07.05.2015 10:08
спасибо большое, то что надо!
еще маленький вопрос: как можно удалить какую-то постоянную подстроку у имени картинки? те вот тут 
current.href.split('/').pop()

нужно что то типа str_replace как у php

рони 07.05.2015 11:47
segajb,
не понял - пишите что на входе что на выходе

segajb 07.05.2015 13:06
например получается путь
http://site.ru/razdel/zzz_kartinka1.jpg

где zzz_kartinka1.jpg - это имя изображения.

как убрать например zzz из этого имени, учитывая что оно присутствует у всех изображений?

рони 07.05.2015 13:11
segajb,
current.href.split('_').pop()

segajb 07.05.2015 15:51
о как просто. огромный респект!


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