[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Скрипт по увеличению изображения
ghaiklor
Здравствуйте, уважаемые форумчане! smile.gif
Скажу сразу, я в PHP + JQuery + JavaScript полный "новичок". За него пришлось взяться по требованию заказчика sad.gif
Мне нужна ваша помощь в реализации одной идеи, подтолкните в правильном направлении, что гуглить и что искать. Перейду собственно к проблеме...
Есть изображение с очень великим разрешением. На сайте оно как-бы разбито на пикселы, причем когда наводим на пиксел, то он увеличивается. При щелчке на увеличенный пиксел мы можем туда загрузить изображение. Теперь при последующих "наводках", при увеличении, будет показываться это изображение.
Для начала нужно реализовать эту идею, буду очень благодарен если вы немного поможете мне. Заранее благодарю всех rolleyes.gif



Спустя 28 минут (13.06.2011 - 19:53) nugle написал(а):
ghaiklor
могу сделать, но за деньги естественно..

если хочешь сам то гугли в сторону jquery увеличения изображения или плагин увиличения изображения

Спустя 1 минута, 55 секунд (13.06.2011 - 19:55) alex12060 написал(а):
Цитата
На сайте оно как-бы разбито на пикселы


Чаво? О_О

Спустя 12 минут, 1 секунда (13.06.2011 - 20:07) XCross написал(а):
Цитата
За него пришлось взяться по требованию заказчика


А шо еще есть те, которым нужен "чистый" HTML? biggrin.gif

Спустя 2 минуты, 31 секунда (13.06.2011 - 20:09) ИНСИ написал(а):
Цитата
Чаво?

Да, Да..... Помню в америке лет 15-10 назад эта идея принесла кому-то миллионы smile.gif Типа видим карту Америки, по штатам. Наводим на штат, видим рекламу КОЛЫ smile.gif только уже увеличенную. ТО есть владельцы сайта - продавали место для рекламы других компаний. Что-то в этом роде ...

Спустя 6 минут, 45 секунд (13.06.2011 - 20:16) alex12060 написал(а):
velbox

Google Maps \m/

Хорошо, въехал. Но это смущает:

Цитата
При щелчке на увеличенный пиксел мы можем туда загрузить изображение

Спустя 13 минут, 4 секунды (13.06.2011 - 20:29) ИНСИ написал(а):
Цитата
Хорошо, въехал. Но это смущает:

А что именно? Вполне реально сделать smile.gif

Спустя 8 минут, 25 секунд (13.06.2011 - 20:37) ghaiklor написал(а):
О_о, как много сообщений сразу biggrin.gif Спасибо что ответили smile.gif
nugle, а какова цена?
alex12060, ну изображение разбито на квадраты, в каждый квадрат можем загрузить изображение.
kmaks, к моему удивлению, заказчики умнеют biggrin.gif Просто раньше делал на Joomla, или вообще на Delphi под винду, или С++ под линуху. А тут сразу такой комплекс, с которым никогда не работал, аж растерялся немного rolleyes.gif
velbox, да, вы правы cool.gif
А как можно сделать разбивку этого-самого изображения на такие квадраты? Потому что так как сказал nugle, нужно копать в сторону jQuery для увеличения. Но пока что даже увеличивать нечего smile.gif Мне сейчас хотя-бы сделать изображение на главной странице, которое в "программном смысле" уже разбито. Потом ведь прикрутить можно будет скрипт.

Спустя 5 минут, 4 секунды (13.06.2011 - 20:42) nugle написал(а):
ghaiklor
а я сразу то не понял смысл))
разбиваете изображение в фотошоп, потом верстаете и вуаля, потом используете jquery
если я все правильно понял.
пишите в скайп snownine1

Спустя 6 минут, 11 секунд (13.06.2011 - 20:49) inpost написал(а):
ghaiklor
Лучшее, что я могу посоветовать, либо платно, либо изучить PHP + JQuery + JavaScript

Спустя 12 минут, 49 секунд (13.06.2011 - 21:01) ИНСИ написал(а):
ghaiklor можем также договорить за определенную плату, скайп: boxinvest

Спустя 41 минута, 58 секунд (13.06.2011 - 21:43) killer8080 написал(а):
Цитата (velbox @ 13.06.2011 - 20:29)
А как можно сделать разбивку этого-самого изображения на такие квадраты?

для этого есть тэг map

Спустя 1 час, 12 минут, 1 секунда (13.06.2011 - 22:55) sharki написал(а):
killer8080
Ух как он будет морочиться с выставлением координат и их связывать между собой)))

Спустя 9 минут, 3 секунды (13.06.2011 - 23:04) killer8080 написал(а):
sharki
ну тогда предложите более оптимальный вариант smile.gif

Спустя 8 минут, 14 секунд (13.06.2011 - 23:13) sharki написал(а):
Думаю тут надо с помощью GD порубить на 9 частей, потом сохранить все 9 картинок с разными именами 1img.jpg,2img.jpg,3img.jpg,4img.jpg... так вот, потом эти же изображения в цикле уменьшить и сохранить в другую папку с такими же именами.
Что мы в итоге имеем одну папку с 9ю частями больших частей, и вторую папку с 9ю теми же только сжатые.

Потом мы сканим папку, выводим циклом в дивы и т.п, назначаем на каждый див onclick при щелчке подгружается в том же месте другой див с большой картинкой, как бы увеличиваясь на JQ думаю несложно будет реализовать =)

Так же если заносить в БД, мы можем заносить ТОЛЬКО первоначальное имя картинки например img.jpg при запросе фотки, мы получаем название и сканим папку прибавляя к имени img.jpg единицу и +1, 1img.jpg,2img.jpg,3img.jpg,4img.jpg...и делаем то, что выше smile.gif

Спустя 12 минут, 32 секунды (13.06.2011 - 23:25) killer8080 написал(а):
sharki
не думаю что такой вариант намного проще, и уж точно не оптимален с точки зрения вёрстки. Такой подход негативно скажется на скорости загрузки страницы, для оптимизации даже разнородные картинки объединяют в спрайты, а тут вы предлагаете цельную картинку разбить на 9 частей, т.е. лишние 8 запросов к серверу. Не думаю что есть смысл упрощать разработку, за счёт ухудшения скорости. Может лучше как то подумать в сторону автоматизации процесса нарезки и генерации area для map-ов?

Спустя 2 минуты, 42 секунды (13.06.2011 - 23:28) sharki написал(а):
killer8080
Что именно ухудшает?

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

Спустя 2 минуты, 1 секунда (13.06.2011 - 23:30) sharki написал(а):
killer8080
Вообщем он просил идей, мы ему покидали, пусть выбирает что ему покажется проще и лучше smile.gif Чего письками мерится)

Спустя 15 минут, 44 секунды (13.06.2011 - 23:46) killer8080 написал(а):
Цитата (sharki @ 13.06.2011 - 23:28)
Что именно ухудшает?

ухудшает скорость открывания страницы, 9 маленьких картинок грузятся намного дольше 1-й большой, именно поэтому в вёрстке повсеместно используют спрайты! Это факт, и мерятся тут не чем.
К тому же собственно не вижу ни каких проблем, с тем чтоб прописать один раз координаты в ручную.

Спустя 7 часов, 28 минут, 46 секунд (14.06.2011 - 07:14) ghaiklor написал(а):
sharki и killer8080, спасибо что ответили, теперь хоть буду знать куда копать smile.gif
И что такое GD? Это вроде либы по работе с изображениям? huh.gif

Спустя 20 минут, 20 секунд (14.06.2011 - 07:35) killer8080 написал(а):
Цитата (ghaiklor @ 14.06.2011 - 07:14)
И что такое GD? Это вроде либы по работе с изображениям?

тут описания функций GD на русском.

Спустя 4 часа, 20 минут, 43 секунды (14.06.2011 - 11:56) ghaiklor написал(а):
killer8080
спасибо, попробую разобраться smile.gif

Спустя 4 дня, 4 часа, 14 минут, 28 секунд (18.06.2011 - 16:10) Эли4ка написал(а):
sharki
нет,будет не очень сложно..
на сайте ruseller.com есть решение похожее..не помню как называется но там посмотрите файлы и найдете,хорошо?

Спустя 1 день, 18 часов, 58 минут, 31 секунда (20.06.2011 - 11:08) ghaiklor написал(а):
Эли4ка
спасибо, попробую найти. Мне сейчас нужно много информации biggrin.gif

Спустя 3 часа, 27 минут, 52 секунды (20.06.2011 - 14:36) ghaiklor написал(а):
И еще один вопрос не по теме. Как можно включить поддержку русского языка в NetBeans 7.0 под *nix? Обгуглил все, не могу найти dry.gif В системе переключается раскладка, но в HTML (в коде) все равно англ. печатает.
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.