Javascript.RU

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

Эффект zoom in при загрузке страницы.
Привет спецам )

Есть задача - сделать переход по страницам сайта с эффектом zoom in, т.е., каждая новая страница "выезжает" из центра старой с увеличением. Понимаю, что тупость, но клиент всегда прав.

В сети нашел только решение с эффектом fade in (затемнение), вот такое:
function shb() {  
  $('#bg').fadeIn(3000);  
  };

и потом:
<body onload="shb();">  
<div id="bg" style="display:none;"> 
Здесь содержимое страницы, бла бла бла...
</div>
</body>

Но эффект fade не совсем то, нужно именно "выезжание" с увеличением.

Готов заплатить разумную цену (только вебмани). Пишите в лс или сюда, в теме. Сам с жаваскриптом не дружу, поэтому, прошу помощи.

Спасибо за внимание.

PS В теле страницы будет <map> ... </map>, а также встроенные карты гугломапса. Я подумал, вдруг это важно, конфликты скриптов там всякие, я не знаю же... в общем, все это потом должно работать, как и прежде )))

Последний раз редактировалось alexvt, 27.06.2014 в 10:18.
Ответить с цитированием
  #2 (permalink)  
Старый 27.06.2014, 11:20
Новичок на форуме
Отправить личное сообщение для alexvt Посмотреть профиль Найти все сообщения от alexvt
 
Регистрация: 27.06.2014
Сообщений: 3

Что. неужели никто не откликнется?
Ответить с цитированием
  #3 (permalink)  
Старый 27.06.2014, 15:44
Аспирант
Отправить личное сообщение для mshdn Посмотреть профиль Найти все сообщения от mshdn
 
Регистрация: 22.02.2011
Сообщений: 77

Есть вариант плагина jQuery с плавным увеличением, но картинки.
Попробую приспособить для вашего случая.
Ответить с цитированием
  #4 (permalink)  
Старый 27.06.2014, 16:02
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

ничего не выйдет из этой затеи: увеличение/ уменьшение масштаба элемента будет сильно зависеть от особенностей вёрстки и браузера. Т.е может быть такое что картинки отмасшабирует, а тексты нет , а может только часть картинок...
Нельзя построить вменяемый "увеличитель" под различные браузеры и вёрстки не потратив несколько месяцев как мин - а это не на один десяток штук баксов работа

Самый оптимальный вариант: делать скриншоты страниц вручную и их увеличивать из центра, затем уже заменять на контент.

Последний раз редактировалось dmitriymar, 27.06.2014 в 16:16.
Ответить с цитированием
  #5 (permalink)  
Старый 27.06.2014, 16:39
Аватар для nerv_
junior
Отправить личное сообщение для nerv_ Посмотреть профиль Найти все сообщения от nerv_
 
Регистрация: 29.11.2011
Сообщений: 3,924

Сообщение от dmitriymar
ничего не выйдет из этой затеи
мне она тоже кажется глупой

Замечу, что можно попытаться сделать так:
1. html2canvas
2. манипулируем с canvas
3. после манипуляций заменяем canvas на html
__________________
Чебурашка стал символом олимпийских игр. А чего достиг ты?
Тишина - самый громкий звук
Ответить с цитированием
  #6 (permalink)  
Старый 27.06.2014, 23:33
Аватар для razerxxx
Аспирант
Отправить личное сообщение для razerxxx Посмотреть профиль Найти все сообщения от razerxxx
 
Регистрация: 05.10.2011
Сообщений: 85

В теории есть css translate3d
но оно будет только в новых браузерах. Ну и в любом случае нужно смотреть/тестить - что из этого получится
Ответить с цитированием
  #7 (permalink)  
Старый 28.06.2014, 10:00
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

Сообщение от razerxxx
В теории есть css translate3d
Вообще то это о нём:
Сообщение от dmitriymar
увеличение/ уменьшение масштаба элемента будет сильно зависеть от особенностей вёрстки и браузера. Т.е может быть такое что картинки отмасшабирует, а тексты нет , а может только часть картинок...
Ответить с цитированием
  #8 (permalink)  
Старый 28.06.2014, 18:22
Интересующийся
Отправить личное сообщение для ivanesi Посмотреть профиль Найти все сообщения от ivanesi
 
Регистрация: 27.06.2014
Сообщений: 14

предполагаю, что, наверное, можно зуммировать картинку а потом подставлять реальную страничку
Ответить с цитированием
  #9 (permalink)  
Старый 28.06.2014, 18:56
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Сообщение от ivanesi
предполагаю, что, наверное, можно зуммировать картинку а потом подставлять реальную страничку
ivanesi,
Сообщение от dmitriymar
Самый оптимальный вариант: делать скриншоты страниц вручную и их увеличивать из центра, затем уже заменять на контент.
Ответить с цитированием
  #10 (permalink)  
Старый 29.06.2014, 10:29
Интересующийся
Отправить личное сообщение для ivanesi Посмотреть профиль Найти все сообщения от ivanesi
 
Регистрация: 27.06.2014
Сообщений: 14

рони,
пропустил, сорри)
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Colorbox сразу при загрузке FirstRelict jQuery 3 26.05.2013 13:51
submit form при закрытие страницы djonA Общие вопросы Javascript 0 26.05.2013 00:49
Выезжающие\уезжающие div при загрузке страницы goodkot Элементы интерфейса 1 28.09.2012 08:58
Открытие модального окна (попап) при загрузке. Bengl Элементы интерфейса 2 31.05.2012 10:34
Срабатывание скрипта при загрузке страницы bormax Общие вопросы Javascript 3 03.04.2008 09:57