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



 

Здравствуйте, гость (

| Вход | Регистрация )

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


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

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

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


google -> highslide

link for idiots smile.gif


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


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


jquery + lightbox


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


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


Не в тему ТС, а вообще, есть 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


Можно написать скрипт, который будет подгружать увеличенную картинку через атрибут 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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
11 Boymaster 1801 17.4.2024, 23:35
автор: Boymaster
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
29 freeax 4810 17.4.2024, 1:19
автор: sergio11
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
148 adw-kupon.ru 19707 8.4.2024, 10:37
автор: Skyworker
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
18 uahomka 3100 5.4.2024, 5:53
автор: Skyworker
Горячая тема (нет новых ответов) Как бездомные хранят деньги?
81 metvekot 13655 31.3.2024, 12:44
автор: Boymaster


 



RSS Текстовая версия Сейчас: 19.4.2024, 14:51
Дизайн