Здравствуйте. Требуется модальное окно с изображением, всплывающее по клику на превью, и имеющее свою уникальную ссылку (если пользователь жмёт на неё — открывается та же страница с уже загруженным модальным окном). Так реализован просмотр изображений ВКонтакте.
Может есть где нибудь готовые библиотеки, дающие этот функционал?
Либо не обязательно именно изображения, хотя бы просто библиотека для создания модальных окон, которые могут открываться и по ссылкам. Заранее большое спасибо!
Отслеживать
задан 14 сен 2012 в 14:17
andrewshka andrewshka
1,605 2 2 золотых знака 30 30 серебряных знаков 59 59 бронзовых знаков
3 ответа 3
Сортировка: Сброс на вариант по умолчанию
Попробуйте после вывода окошка с изображением динамически JavaScript’ом менять URL. Вот пример использования pushState и replaceState:
// эмуляция перехода на страничку «/page2.html» без перезагрузки странички window.history.pushState(«object or string», «Title», «/page2.html»); // замена текущего URL на «/page3.html» window.history.replaceState(«object or string», «Title», «/page3.html»);
Отслеживать
ответ дан 18 сен 2012 в 16:18
321 1 1 серебряный знак 7 7 бронзовых знаков
fancybox очень советую, чудесная вещь. А вообще таких плагинов море, на любой вкус.
Как сделать кликабельный баннер ВКонтакте из любой картинки
Источник: ru.stackoverflow.com
Как сделать двойное фото в ВК, чтобы при нажатии открывалась другая картинка
Двойные изображения в социальной сети Вконтакте (ВКонтакте) используются в бизнесе, для создания мемов или в рекламном контексте. Пользователь видит изображение, но когда он щелкает по нему, отображается другой файл. Многие посетители не знают, как сделать двойное фото в ВК, несмотря на то, что это очень просто. Просто воспользуйтесь приложением VKOpt и настройте параметры на необходимое расширение.
Основные требования
Для создания двойного изображения необходимо скачать приложение VKOpt с официального сайта. Это универсальный плагин, который загружает и обрабатывает мультимедийные файлы. Программа поддерживает все современные браузеры и мобильные устройства.
Его можно скачать на:
- Opera;
- Гугл Хром;
- Firefox;
- Comodo Dragon;
- SRWare Iron;
- Интернет от Mail.ru;
- Нихром от Rambler.ru;
- Yandex.Браузер;
- Сафари;
- Maxthon.
Внимание! Никаких дополнительных действий для установки приложения VKOpt не требуется. Программа загружается сразу после выбора браузера и нажатия кнопки «Установить».
Как сделать так чтобы фотографии со стены не отображались в моих фотографиях.
Вам также понадобятся два изображения любого формата. Первый файл будет главным. Это то, что пользователь увидит на экране (разрешение 500 x 500). Второй файл открывается после нажатия (разрешение 1000 x 1000).
Пошаговое руководство
Когда фото выбраны и приложение установлено, следует зайти в ВК под своим логином и ввести пароль. Приложение должно работать сразу после установки, но может потребоваться перезапуск браузера.
Чтобы создать двойное изображение, выполните следующие действия.
- Зайдите в раздел «Фото».
- Нажмите кнопку «Добавить фото». Найдите первое изображение, загрузите его.
- Когда файл будет загружен, вы должны перейти к нему и открыть редактор фотографий (вкладка «Еще» / Редактор фотографий).
- В правом нижнем углу нажмите кнопку «Обновить».
- Найдите вторую фотографию и загрузите ее.
- Дождитесь загрузки (около 5 секунд). Щелкните по кнопке «Сохранить». И во время сохранения нажмите клавишу F5.
- Получилось. Изображение можно выложить на стену, отправить друзьям и оставить в комментариях.
Внимание: в новом редакторе ВКонтакте кнопка «Сохранить» неактивна до тех пор, пока вы не произведете никаких манипуляций с фото. Желательно после загрузки первого фото нажать на «Сделать красивым».
С помощью приложения VKOpt любой пользователь может составить двойное изображение. Все просто, не требует глобальных знаний в области дизайна. Просто скачайте плагин и найдите два файла нужного формата.
Источник: vkshka.ru
Как в вк сделать так чтобы при открытии фотки открывалась другая
2675 дн. с момента
Нового Года :))
Последние действия на сайте
изменено пользователем Anya Nyaa
изменено пользователем Anya Nyaa
изменено пользователем Anya R
изменено пользователем Anya Nyaa
изменено пользователем Anya Nyaa
Как сделать, чтобы из картинки превью открывалась совсем другая картинка
Примерно до августа 2015-го года можно было это сделать при помощи моего шаблона 2.5. картинка с превью :
//content.foto.my.mail.ru/bk/secret-question/_answers/s-7104.jpg » data-hsrc font-size:medium;background-color:rgb(255,229,153)»>//content.foto.my.mail.ru/bk/secret-question/_answers/s-7105.jpg «>
Но в один прекрасный день половина шаблонов перестала работать. Если хотите, можете сами проверить.
В то же время из ответов и вопросов пропало всё видео загруженное ранее.
И всё же остался способ сделать «картинку с сюрпризом», хотя в середине текста сделать это не получится. Только в нижней части ответа, пояснения к вопросу или комментария.
Как это делается
1. Загружаем в ответ (пояснение к вопросу или в комментарий) две картинки.
Их должно быть как минимум две!
Сохранять пока ничего не нужно!
2. Если вы пользуетесь браузером Хром, то правой клавишей мыши кликаем по миниатюре загрузившейся картинки и выбираем «Посмотреть код». (В других браузерах есть аналогичная функция.)
3. Далее откроется исходный код.
Код каждой картинки содержит два адреса: адрес маленькой картинки, и адрес картинки побольше.
Код выглядит примерно так:
Если подменить один из адресов, то и соответствующая картинка изменится.
PS: У меня нет возможности проверять всё лично. Всё описанное выше было проделано другим человеком. Результат положительный.
Теоретически можно использовать следующие типы адресов картинок:
- адреса на ответовском сервере,
- адреса в «их мире»,
- адреса ответовских подарков,
- стандартные адреса смайлов почты и «агента мейлру».
Источник: www.sites.google.com