Zoom для дивного блока
|
|
|
2014-09-08Дата: Понедельник, 08.09.2014, 19:07 | Сообщение # 1 |
Генерал-майор
Группа: Проверенные
Статус: Offline
|
Здравствуйте! Есть назойливая идея, но знаю что без скрипта не обойтись. Хочу прикрутить кнопочку увеличения изображения (и не только), чтоб работала она, как вызов функции pop-up с блокировкой и затемнением всего контента. На передний план в pop-up выводится картинка, либо дивный блок с флеш содержимым (флеш игра). Где у пользователя открывается возможность, при помощи небольшого ползунка (скрула) - изменять размеры содержимого.
Пример подобной функциональности можно посмотреть тут
Вопрос, может ли кто-то объяснить, как реализовать это у себя на сайте ?
p/s: А если быть более прямолинейным: - Нужна помощь в реализации, разумеется не бесплатно.
| | |
|
|
2014-09-09Дата: Вторник, 09.09.2014, 09:43 | Сообщение # 2 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
igrok, Пример подобной функциональности можно посмотреть тут Не увидел если честно... Там просто открывается новая страница с затемненным фоном...
Но можно реализовать и как вы хотите, но только не для роликов - их сложно перекрыть чем либо
| | |
|
|
2014-09-09Дата: Вторник, 09.09.2014, 19:57 | Сообщение # 3 |
Генерал-майор
Группа: Проверенные
Статус: Offline
|
Там просто открывается новая страница с затемненным фоном...
не заметил... Ведь перезагрузка страницы не происходит. Для флеш и Unity3D содержимого, которое имеет размеры. Т.е. скрипт, как я понимаю, должен менять эти размеры при передвижении ползунка. Иоже самое и для простых картинок.Добавлено (09.09.2014, 19:57) ---------------------------------------------
Там просто открывается новая страница с затемненным фоном... я еще раз посмотрел, и на 99% уверен, что это работа скрипта. Если возможно вырвать этот скрипт (полную его копию) - было бы просто супер! Но можно реализовать и как вы хотите Сколько это будет стоить и как быстро можно это сделать ?
| | |
|
|
2014-09-09Дата: Вторник, 09.09.2014, 20:10 | Сообщение # 4 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
igrok, Ведь перезагрузка страницы не происходит. происходит - внимательней смотри на адреса
Для флеш и Unity3D содержимого, которое имеет размеры. Т.е. скрипт, как я понимаю, должен менять эти размеры при передвижении ползунка. Иоже самое и для простых картинок. Блин, я даже не понимаю о чем речь... Вот об этих клавишах?
| | |
|
|
2014-09-09Дата: Вторник, 09.09.2014, 21:02 | Сообщение # 5 |
Генерал-майор
Группа: Проверенные
Статус: Offline
|
происходит - внимательней смотри на адреса как я только не всматривался... Как были на странице .net/h/v8-drift , так и остаемся. Да ! Нажав на нее, открывается окно именно это окно меня и интересует. (у меня похожая кнопка туточки) к ней нужно прикрутить точно такой же функционал Блин, я даже не понимаю о чем речь...
Основная идея данной функциональности, направлена для динамического изменения картинок и медиа контента. А именно:
<iframe src="tra-tat" width="980" height="600" frameborder="0"></iframe> <embed type="application/vnd.unity" width="900" height="600" tabindex="0" firstframecallback=".... <img style="width:550px;height:310px;" src="tra-tat" title=" " alt=""> <object width="450" height="550">Добавлено (09.09.2014, 21:02) --------------------------------------------- Кстати, меня интересует также и кнопка загрузки, но о ней поговорим позже :)
Сообщение отредактировал igrok - Вторник, 09.09.2014, 21:01 | | |
|
|
2014-09-09Дата: Вторник, 09.09.2014, 22:46 | Сообщение # 6 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
igrok, Основная идея данной функциональности, направлена для динамического изменения картинок и медиа контента. А именно: Ну там, вроде, все это реализовано... при нажатии на клавишу типа расширить.
у меня похожая кнопка туточки) к ней нужно прикрутить точно такой же функционал Разбери скрипт, выдели нужное, скопируй себе, прикрути событие... Или именно это и нужно?
Кстати, меня интересует также и кнопка загрузки, но о ней поговорим позже :) Кнопка загрузки реализовано точно также - php скриптом создающим архив с нужным файлом. На юкоз это можно реализовать только подключив услугу.
| | |
|
|
2014-09-09Дата: Вторник, 09.09.2014, 23:18 | Сообщение # 7 |
Генерал-майор
Группа: Проверенные
Статус: Offline
|
угу
Сам я это не сделаю... Возьмешься ? Только еще нужно адаптировать под выше указанные iframe - embed - img - object Что бы скрипт работал со всеми этими типами.
Добавлено (09.09.2014, 23:18) --------------------------------------------- + я не совсем понимаю и представляю, как оно будет работать со слайдером установленным у меня на сайте. Возможно что бы скрипт забирал картинку во время нажатия, или же весь слайдер.... Вообщем как получится, так и будет.
php скриптом создающим архив с нужным файлом а как быть если файл хранится на другом сервере ?
Сообщение отредактировал igrok - Вторник, 09.09.2014, 23:19 | | |
|
|
2014-09-10Дата: Среда, 10.09.2014, 05:46 | Сообщение # 8 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Сам я это не сделаю... Возьмешься ? Только еще нужно адаптировать под выше указанные iframe - embed - img - object Что бы скрипт работал со всеми этими типами. Пиши ТЗ с подробным, желательно с картинками или схематиескими описаниями операций. Цена вопроса в личку отправлена если устроит то горит. Напишу так, как должно будет.
+ я не совсем понимаю и представляю, как оно будет работать со слайдером установленным у меня на сайте. Возможно что бы скрипт забирал картинку во время нажатия, или же весь слайдер.... Вообщем как получится, так и будет. Слайдер не увидел на странице по ссылочке туточки... Или имелось в виду верхний? там где телевизор с круглыми переключателями? Как напишешь, так и будет.
а как быть если файл хранится на другом сервере ? Тогда скачиваться будут в том формате что хранится там, либо как и написано выше, подключать php - там есть функция создания архивов. Цена, соответственно, выше и обговаривается отдельно.
| | |
|
|
2014-09-10Дата: Среда, 10.09.2014, 07:12 | Сообщение # 9 |
Генерал-майор
Группа: Проверенные
Статус: Offline
|
- чет я даже и не знаю что и писать... Внешне и функционально - это копия с вышеуказаного проекта + работа с разными типами. Да. Цитата там где телевизор с круглыми переключателями? Да.
(пишу стел. - не удобно чуток)
| | |
|
|
2014-09-10Дата: Среда, 10.09.2014, 12:36 | Сообщение # 10 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
igrok, Внешне и функционально - это копия с вышеуказаного проекта + работа с разными типами. Ну, на том сайте блок центрируется по правому верхнему краю... и расширяется на определенное кол-во процентов. Может тебе нужно как-то по другому...
Рисуй схеметически, качество не важно, главное что бы понятно было что до события, что во время что после и так далее... Кстати, на том сайте кнопка сворачивания не оч удобно расположена и вообще я бы сделал по другому - одна кнопка два действия - toggle
| | |
|
|
2014-09-10Дата: Среда, 10.09.2014, 19:45 | Сообщение # 11 |
Генерал-майор
Группа: Проверенные
Статус: Offline
|
Техническое задание "zoom"
1. Написать программу, которая перекрывает страницу сайта прозрачным черным фоном на 70%, и блокирует любое нажатие на странице, кроме слоев находящихся на этом фоне. (принцип pop-up) Содержимое расположенное на этом фоне (iframe - embed - img - object) + скрул увеличения/уменьшения - располагаются как fixed в исходной "родительской" позиции (в телевизоре), но на 15% равно пропорционально увеличено во все стороны.
2. Увеличение и уменьшение происходит пропорционально, при помощи передвижения вертикального скрула.
3. Кнопка отвечающая за вызов метода "zoom" - расположена в правой части "телевизора"
4. Закрытие метода, осуществляется событием onClick на крестик расположенный над скрулом.Добавлено (10.09.2014, 19:45) --------------------------------------------- Что касается типа img, так вот, я тут так подумал, если получится вырвать весь слайдер с круглыми точками - было бы супер-пупер!
| | |
|
|
2014-09-10Дата: Среда, 10.09.2014, 21:47 | Сообщение # 12 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
igrok, то бишь, изначально оно - видео оригинального размера и увеличивается лишь скролом? А как быть если видео заходит за пределы экрана? ставить ограничение или как?
| | |
|
|
2014-09-10Дата: Среда, 10.09.2014, 22:23 | Сообщение # 13 |
Генерал-майор
Группа: Проверенные
Статус: Offline
|
А как быть если видео заходит за пределы экрана? ставить ограничение или как? ну было бы не плохо поставить ограничение. Только какое ? оно - видео оригинального размера находится в телике, а после нажатия на "zoom" оно "видео" - на 15% больше, но на том же месте.
| | |
|
|
2014-09-11Дата: Четверг, 11.09.2014, 00:46 | Сообщение # 14 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Ну, что если тянут больше окна не растягивать.
находится в телике, а после нажатия на "zoom" оно "видео" smile - на 15% больше, но на том же месте На 15% больше - уже не на том же месте...
Кстати, ползунок (скрул увеличения/уменьшения) тоже фиксированного размера - увеличивать его не вижу смысла на такие ресурсо-затраты.
| | |
|
|
2014-09-11Дата: Четверг, 11.09.2014, 22:52 | Сообщение # 15 |
Генерал-майор
Группа: Проверенные
Статус: Offline
|
Ну, что если тянут больше окна не растягивать. Я понял, но больше какого окна ? У меня например, монитор 1920 на 1080 но ведь нельзя преципитсяк этим показателям...
Кстати, ползунок (скрул увеличения/уменьшения) тоже фиксированного размера - увеличивать его не вижу смысла на такие ресурсо-затраты. Полностью согласен, и даже и не думал об этом.
На 15% больше - уже не на том же месте... Блин, нужно смотреть. Просто идея в том, что бы юзер вчехлился, что вообще происходит :))
Сообщение отредактировал igrok - Четверг, 11.09.2014, 22:55 | | |
|