Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.05.2015, 10:08
Интересующийся
Отправить личное сообщение для segajb Посмотреть профиль Найти все сообщения от segajb
 
Регистрация: 18.03.2012
Сообщений: 21

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 итд ?
Ответить с цитированием
  #2 (permalink)  
Старый 06.05.2015, 11:43
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

segajb,
можно уточнить в какой url?
Ответить с цитированием
  #3 (permalink)  
Старый 06.05.2015, 11:59
Интересующийся
Отправить личное сообщение для segajb Посмотреть профиль Найти все сообщения от segajb
 
Регистрация: 18.03.2012
Сообщений: 21

Сообщение от рони Посмотреть сообщение
segajb,
можно уточнить в какой url?
имеется в виду в адрес сайта в браузере. просто подставлять имя активной картинки (страница не будет перезагружаться, все через js)
Ответить с цитированием
  #4 (permalink)  
Старый 06.05.2015, 12:22
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

segajb,
не осилил.
Ответить с цитированием
  #5 (permalink)  
Старый 06.05.2015, 14:15
Интересующийся
Отправить личное сообщение для segajb Посмотреть профиль Найти все сообщения от segajb
 
Регистрация: 18.03.2012
Сообщений: 21

Сообщение от рони Посмотреть сообщение
segajb,
не осилил.
те листаем галерею, а в url появляется
site.ru/razdel/pic1.jpg
листаем следущее фото, адрес становится
site.ru/razdel/pic2.jpg
итп

задача по идее простая: просто подставить имя активной картинки в url
Ответить с цитированием
  #6 (permalink)  
Старый 06.05.2015, 14:16
Интересующийся
Отправить личное сообщение для segajb Посмотреть профиль Найти все сообщения от segajb
 
Регистрация: 18.03.2012
Сообщений: 21

наподобие того как сделан просмотр фото вконтакте: помимо просто листания еще меняется и url страницы
Ответить с цитированием
  #7 (permalink)  
Старый 06.05.2015, 16:54
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

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() );

    }
} );
Ответить с цитированием
  #8 (permalink)  
Старый 07.05.2015, 10:08
Интересующийся
Отправить личное сообщение для segajb Посмотреть профиль Найти все сообщения от segajb
 
Регистрация: 18.03.2012
Сообщений: 21

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

нужно что то типа str_replace как у php
Ответить с цитированием
  #9 (permalink)  
Старый 07.05.2015, 11:47
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

segajb,
не понял - пишите что на входе что на выходе
Ответить с цитированием
  #10 (permalink)  
Старый 07.05.2015, 13:06
Интересующийся
Отправить личное сообщение для segajb Посмотреть профиль Найти все сообщения от segajb
 
Регистрация: 18.03.2012
Сообщений: 21

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

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

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать что бы картинки с другого url отображались как свои zlodey Серверные языки и технологии 1 04.05.2015 21:30
Передать переменные из fancybox Slavk0 jQuery 0 21.11.2012 14:15
Подмена url картинки bratkovsky Общие вопросы Javascript 4 30.07.2012 20:52
Водяной знак на fancybox bobrina Общие вопросы Javascript 1 03.06.2011 21:11
FancyBox + картинки в цикле в PHP Tchort Элементы интерфейса 1 01.04.2011 20:26