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



 

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

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


Участник
***

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


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

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

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


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

Группа: Active User
Сообщений: 932
Регистрация: 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
Можно расположить пустой тег на абсолютно позиционированном слое, и показывать его поверх остальных слоев при просмотре увеличенной картинки.
как-то так.
Могу попробовать сделать пример, если интересует такая мысль.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как мошенники зарабатывают на прямых трансляциях в Instagram
Не ждите порно в инстаграм, его нет
12 PostBrigada 1342 Вчера, 23:00
автор: PostBrigada
Открытая тема (нет новых ответов) Как сейчас зарегистрировать Яндекс кошелек за пределами России?
4 metvekot 384 Вчера, 19:04
автор: metvekot
Открытая тема (нет новых ответов) Как поднять доверие к сайту?
5 fair_exchange 400 Вчера, 18:33
автор: genjnat
Открытая тема (нет новых ответов) Маленький кейс как сделать много почтовых ящиков в Gmail
Один аккаунт = много ящиков
1 PostBrigada 542 15.12.2017, 21:34
автор: Pingunio
Горячая тема (нет новых ответов) Черный список обменников и как безопасно обменять валюту
141 Kurses 29957 15.12.2017, 13:04
автор: BestExchangers


 



RSS Текстовая версия Сейчас: 17.12.2017, 22:04
Дизайн