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



 

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

Открыть тему
Тема закрыта
> Как сделать красивое увеличение картинок?
koninana
koninana
Topic Starter сообщение 14.4.2011, 20:29; Ответить: koninana
Сообщение #1


Участник
***

Группа: User
Сообщений: 209
Регистрация: 11.1.2008
Из: Москва
Поблагодарили: 23 раза
Репутация:   0  


Шарю только в хтмл, не знаю как даже поискать в гугле.

У меня есть на хтмл страничке ряд фоток 60х60. Хочу сделать так, что бы по клику на них - они красиво увеличивались на той же странице. Типо как вконтакте сделано.

Как это делается? Подскажите пожалуйста скрипты: названия, ссылки, вообщем все что может мне помочь.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kRicha
kRicha
сообщение 14.4.2011, 20:32; Ответить: kRicha
Сообщение #2


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

Группа: Active User
Сообщений: 933
Регистрация: 29.6.2010
Из: Киева
Поблагодарили: 222 раза
Репутация:   39  


google -> highslide

link for idiots smile.gif


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
danisimo
danisimo
сообщение 14.4.2011, 22:01; Ответить: danisimo
Сообщение #3


Бывалый
****

Группа: User
Сообщений: 390
Регистрация: 8.9.2010
Поблагодарили: 65 раз
Репутация:   12  


jquery + lightbox


--------------------


Поблагодарили: (2)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
rjksdfhe
rjksdfhe
сообщение 14.4.2011, 22:20; Ответить: rjksdfhe
Сообщение #4


Straight arms
*******

Группа: Active User
Сообщений: 2760
Регистрация: 21.4.2009
Из: Мытищи, МО, РФ
Поблагодарили: 1111 раз
Репутация:   163  


Не в тему ТС, а вообще, есть 2 варианта показать увеличенную картинку.

1) target="_blank" max-width=1003 max-height=750
выравниваем по центру это окно посредствам JS
1000x700 берется, думаю, понятно от чего

2) Новое окно открывается только в рамках текущего окна браузера.
Это по умолчанию у Opera, вроде, или у FF.
То же самое в Chrome или IE делается сейчас через jQueru
если этот вариант вам кажется оптимальным

А вообще - стоит задача примирить посетителей с мониторами 1024x768 и 1980x1060 на одном сайте


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
oroom
oroom
сообщение 18.4.2011, 15:23; Ответить: oroom
Сообщение #5


Бывалый
****

Группа: User
Сообщений: 274
Регистрация: 1.4.2011
Из: Минск
Поблагодарили: 71 раз
Репутация:   19  


Можно написать скрипт, который будет подгружать увеличенную картинку через атрибут src, пустого\скрытого до этого изображения, которую можно вывести как вашей душе угодно.

<img id="fi" src="i1.jpg" onclick="cl()" />
function cl() {
    var img1 = document.getElementById('si');
                img1.setAttribute('src','i2.jpg');                
};


i1 - миниатюра, i2 - пустой до этого тег img
Можно расположить пустой тег на абсолютно позиционированном слое, и показывать его поверх остальных слоев при просмотре увеличенной картинки.
как-то так.
Могу попробовать сделать пример, если интересует такая мысль.

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как защитить свои данные в общественном Wi-Fi?
6 unazekoff 263 Вчера, 23:51
автор: rty9000
Открытая тема (нет новых ответов) Как раскрутить городской портал с помощью вирусной рекламы?
9 Wolfhound 835 Вчера, 23:42
автор: mherter
Открытая тема (нет новых ответов) Как использовать показатель SERP impressions из Яндекс.Вебмастера для анализа изменений в ранжировании
alexeytrudov.com - персональный блог SEO-аналитика
0 Luden 279 Вчера, 21:39
автор: Luden
Открытая тема (нет новых ответов) Плагин Caldera Forms, как настроить?
4 Drayfer 307 Вчера, 15:01
автор: Drayfer
Открытая тема (нет новых ответов) РСЯ, директ и лендинг как увеличить конверсию
5 artstyle 1235 Вчера, 11:11
автор: про100та


 



RSS Текстовая версия Сейчас: 23.5.2018, 5:50
Дизайн