X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Как написать подобное?, см внутри
500
500
Topic Starter сообщение 27.2.2010, 1:37; Ответить: 500
Сообщение #1


Завсегдатай
*****

Группа: Active User
Сообщений: 964
Регистрация: 21.10.2008
Из: чего состоит атом?
Поблагодарили: 145 раз
Репутация:   38  


Здравствуйте, я пишу небольшой сервис и у меня встал вопрос.
Есть изображение большого разрешения (ну где то под 1280 х 800)
Скрипт "ресайзит" изображение (кому надо, могу выложить), сохраняет под новым именем и выводит его в
<img ... />

На некоторых сайтах на вп где при нажатии на маленькую картинку появлялась картинка "по размерам экрана" (ну еще за вычитом примерно 20 пикселов с каждой стороны) и был "эффект занавеса".
Вот на скрине через фотошоп показываю как надо.
У кого есть какие идеи по этому поводу? (подозреваю что здесь надо AJAX использовать)
Скрин:
Прикрепленное изображение

Кстати, кто пользуется программой Google picasa. там вот прям как надо сделано. просматриваешь картинки, шелкаешь по ней ЛКМ, она маштабируется.

Заранее спасибо за идеи!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
isleman
isleman
сообщение 27.2.2010, 11:11; Ответить: isleman
Сообщение #2


Бывалый
****

Группа: User
Сообщений: 408
Регистрация: 16.10.2009
Из: НН
Поблагодарили: 83 раза
Репутация:   16  


500, посмотрите в сторону jQuery плагина fancybox


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
proXBOCT
proXBOCT
сообщение 27.2.2010, 12:12; Ответить: proXBOCT
Сообщение #3


PHP-писака
*****

Группа: Active User
Сообщений: 867
Регистрация: 20.4.2008
Из: Тольятти
Поблагодарили: 297 раз
Репутация:   47  


Наборы инструментов типа jQuery здесь помогут, но в них разбираться можно.
Или можно самому написать, будет легче, но менее красиво, без модных штучек


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
seotouch
seotouch
сообщение 27.2.2010, 12:14; Ответить: seotouch
Сообщение #4


Прощайте!
*****

Группа: Active User
Сообщений: 998
Регистрация: 7.1.2009
Поблагодарили: 405 раз
Репутация:   45  


jQuery


--------------------
Навсегда ушел
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
molfar
molfar
сообщение 27.2.2010, 14:39; Ответить: molfar
Сообщение #5


Новичок
*

Группа: User
Сообщений: 39
Регистрация: 26.2.2010
Поблагодарили: 9 раз
Репутация:   2  


я бы скриптом делал несколько ресайзов сразу, например на 800 и на 1600 по ширине. а потом аяксом грузил более подходящий к ширине окна браузера вариант, и саму картинку стилем поджимал точно до размера окна.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
seotouch
seotouch
сообщение 27.2.2010, 14:41; Ответить: seotouch
Сообщение #6


Прощайте!
*****

Группа: Active User
Сообщений: 998
Регистрация: 7.1.2009
Поблагодарили: 405 раз
Репутация:   45  


(molfar @ 27.2.2010, 13:39) *
я бы скриптом делал несколько ресайзов сразу, например на 800 и на 1600 по ширине. а потом аяксом грузил более подходящий к ширине окна браузера вариант, и саму картинку стилем поджимал точно до размера окна.

я никак не пойму, при чем здесь аякс?
аякс это серверная технология, тот же JS но с примочками.
А отсюда напрашивается вывод, что делается это на JS sleep.gif

P.s. уверен, что лучше jQuery здесь ничего нету.

Сообщение отредактировал seotouch - 27.2.2010, 14:41


--------------------
Навсегда ушел
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
molfar
molfar
сообщение 27.2.2010, 14:44; Ответить: molfar
Сообщение #7


Новичок
*

Группа: User
Сообщений: 39
Регистрация: 26.2.2010
Поблагодарили: 9 раз
Репутация:   2  


(seotouch @ 27.2.2010, 14:41) *
я никак не пойму, при чем здесь аякс?
аякс это серверная технология, тот же JS но с примочками.
А отсюда напрашивается вывод, что делается это на JS sleep.gif

P.s. уверен, что лучше jQuery здесь ничего нету.


да ajax как раз не серверная технология, а клиентская, так как все действия происходят на стороне клиента. в даном случае он нужен чтобы сначала получать запрос от пользователя, определят параметры его клиента и только потом загружать соответствующие данные с сервера.

UPD Тоже полностью за jQuery

Сообщение отредактировал molfar - 27.2.2010, 14:44


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
seotouch
seotouch
сообщение 27.2.2010, 14:55; Ответить: seotouch
Сообщение #8


Прощайте!
*****

Группа: Active User
Сообщений: 998
Регистрация: 7.1.2009
Поблагодарили: 405 раз
Репутация:   45  


(molfar @ 27.2.2010, 13:44) *
да ajax как раз не серверная технология, а клиентская, так как все действия происходят на стороне клиента. в даном случае он нужен чтобы сначала получать запрос от пользователя, определят параметры его клиента и только потом загружать соответствующие данные с сервера.

UPD Тоже полностью за jQuery

Если подумать, то тут 2 варианта.

Подойдет как Аякс, так и тупо JS.

Аякс юзать, если загружаться картинка будет со скрипта, или JS, чтобы было уже готовое изображение на серве и передавались только параметры для функции.

Но все таки я за jQuery biggrin.gif

P.s.
да ajax как раз не серверная технология, а клиентская, так как все действия происходят на стороне клиента. в даном случае он нужен чтобы сначала получать запрос от пользователя, определят параметры его клиента и только потом загружать соответствующие данные с сервера.

Имел ввиду, что в конце-концов обработка остается на плечах сервера.

Сообщение отредактировал seotouch - 27.2.2010, 14:58


--------------------
Навсегда ушел
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
isleman
isleman
сообщение 27.2.2010, 14:55; Ответить: isleman
Сообщение #9


Бывалый
****

Группа: User
Сообщений: 408
Регистрация: 16.10.2009
Из: НН
Поблагодарили: 83 раза
Репутация:   16  


(seotouch @ 27.2.2010, 13:41) *
P.s. уверен, что лучше jQuery здесь ничего нету

очень хорошая библиотека, правда сталкивался со случаями когда она несправлялась с возложеными на нее обязаностями
(molfar @ 27.2.2010, 13:39) *
я бы скриптом делал несколько ресайзов сразу, например на 800 и на 1600 по ширине

если требуется вариант со множеством размеров, то лучше сделать отложены так сказать ресайз, тоесть картинка ресайзиться при первом запросе пользователем с разрешением под которую картинки ещё нет


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Маленький кейс как сделать много почтовых ящиков в Gmail
Один аккаунт = много ящиков
0 PostBrigada 287 Сегодня, 0:32
автор: PostBrigada
Открытая тема (нет новых ответов) Как мошенники зарабатывают на прямых трансляциях в Instagram
Не ждите порно в инстаграм, его нет
8 PostBrigada 917 Сегодня, 0:14
автор: PostBrigada
Открытая тема (нет новых ответов) Видеомаркетинг как инструмент развития интернет-магазина
11 PostBrigada 2144 Вчера, 20:30
автор: galikfor
Открытая тема (нет новых ответов) Facebook палит прокси. Кто как решает эту проблему?
28 Twickbot 3613 Вчера, 20:26
автор: galikfor
Открытая тема (нет новых ответов) Обман пользователей мобильного интернета, о как =)
11 RMak 1485 Вчера, 12:53
автор: RMak


 



RSS Текстовая версия Сейчас: 15.12.2017, 3:17
Дизайн