Старый 25.07.2008, 16:05   #1
Специалист
 
Аватар для Sergey2121
 
Регистрация: 05.09.2007
Сообщений: 144
Вес репутации: 204
Sergey2121 скоро станет известен
По умолчанию как сделать увеличение фото от клика мышью

Мужики, подскажите, плиз, как сделать на своем сайте увеличение фото от клика мышью по нему.
Sergey2121 вне форума   Ответить с цитированием
Старый 25.07.2008, 16:22   #2
Специалист
 
Аватар для dva-main
 
Регистрация: 27.01.2008
Адрес: Москва
Сообщений: 403
Вес репутации: 205
dva-main скоро станет известен
По умолчанию

руками... и джавой примитивно: маленькая картинка внутри ссылки на крупную картинку открывающуюся в новом окне...

ну не успел дописать - извини

Последний раз редактировалось dva-main; 25.07.2008 в 16:25. Причина: Добавлено сообщение
dva-main вне форума   Ответить с цитированием
Старый 25.07.2008, 16:23   #3
Специалист
 
Аватар для Sergey2121
 
Регистрация: 05.09.2007
Сообщений: 144
Вес репутации: 204
Sergey2121 скоро станет известен
По умолчанию

Цитата:
Сообщение от dva-main Посмотреть сообщение
руками... и джавой

Добавлено через 15 минут
12345
да уж ...
Sergey2121 вне форума   Ответить с цитированием
Старый 25.07.2008, 16:33   #4
Специалист
 
Аватар для dva-main
 
Регистрация: 27.01.2008
Адрес: Москва
Сообщений: 403
Вес репутации: 205
dva-main скоро станет известен
По умолчанию

Цитата:
Сообщение от Sergey2121 Посмотреть сообщение
да уж ...
пример джавы что ли дать? вообще то их везде - навалом...
dva-main вне форума   Ответить с цитированием
Старый 25.07.2008, 17:02   #5
Специалист
 
Регистрация: 08.06.2007
Сообщений: 246
Вес репутации: 212
Crusader - как роза среди колючекCrusader - как роза среди колючекCrusader - как роза среди колючекCrusader - как роза среди колючек
По умолчанию

Не джавы, а JS. Пример примерный:

function myimgshow(Im,Nm,w,h,ind){
msg=window.open("","DisplayWindow"+ind,"toolbar=no ,directories=no,menubar=no,scrollbars=no,status=no ,resizable=no,width="+w+",height="+h+"");
d=msg.document;
d.clear();
d.write('<html><HEAD><META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=windows-1251"><TITLE>'+Nm+'</TITLE></HEAD><body TOPMARGIN="0", LEFTMARGIN="0">');
d.write('<img src="'+Im+'" alt="'+Nm+'">');
d.write('</body></html><noscript><script language="JavaScript" type="text/javascript">/* ');
d.close();
}

Вызов в теле:

<img src=\"images/<маленькое_изображение>\" alt='"<commen>"' border=0 style='cursorointer;cursor:hand;' onclick='myimgshow(\"images/<большое_изображение>\",\"<comment>\",<ширина>,<вы сота>,<любое число>)'>";
Crusader вне форума   Ответить с цитированием
Старый 25.07.2008, 17:07   #6
фОшЫст
 
Аватар для WebFX
 
Регистрация: 10.01.2008
Адрес: Эквадор
Сообщений: 6,773
Вес репутации: 501
WebFX - прекрасное будущееWebFX - прекрасное будущееWebFX - прекрасное будущееWebFX - прекрасное будущееWebFX - прекрасное будущееWebFX - прекрасное будущееWebFX - прекрасное будущееWebFX - прекрасное будущееWebFX - прекрасное будущееWebFX - прекрасное будущееWebFX - прекрасное будущее
Отправить сообщение для WebFX с помощью ICQ
По умолчанию

можно плавный ресайз на ajax
ключевое слово mootools
__________________
Скоро 2012 год. Скоро наступит апокалипсис. Страшный апокалипсис. Тупой апокалипсис. Ну вообще без мозгов апокалипсис.
WebFX вне форума   Ответить с цитированием
Старый 25.07.2008, 17:08   #7
..
 
Регистрация: 08.09.2007
Адрес: ...
Сообщений: 3,483
Вес репутации: 284
rusteam - за этого человека можно гордитсяrusteam - за этого человека можно гордитсяrusteam - за этого человека можно гордитсяrusteam - за этого человека можно гордитсяrusteam - за этого человека можно гордитсяrusteam - за этого человека можно гордитсяrusteam - за этого человека можно гордитсяrusteam - за этого человека можно гордитсяrusteam - за этого человека можно гордитсяrusteam - за этого человека можно гордится
По умолчанию

Цитата:
Сообщение от WebFX Посмотреть сообщение
можно плавный ресайз
Хорош, это не поможет, ТС уже в ступоре от новых слов...
rusteam вне форума   Ответить с цитированием
Старый 25.07.2008, 19:02   #8
Специалист
 
Аватар для Sergey2121
 
Регистрация: 05.09.2007
Сообщений: 144
Вес репутации: 204
Sergey2121 скоро станет известен
По умолчанию

Голова точно сломалась, тяжело быть чайником.

Вот этот код куда вставлять, подскажите:

function myimgshow(Im,Nm,w,h,ind){
msg=window.open("","DisplayWindow"+ind,"toolbar=no ,directories=no,menubar=no,scrollbars=no,status=no ,resizable=no,width="+w+",height="+h+"");
d=msg.document;
d.clear();
d.write('<html><HEAD><META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=windows-1251"><TITLE>'+Nm+'</TITLE></HEAD><body TOPMARGIN="0", LEFTMARGIN="0">');
d.write('<img src="'+Im+'" alt="'+Nm+'">');
d.write('</body></html><noscript><script language="JavaScript" type="text/javascript">/* ');
d.close();
}

И еше вот такое нашел, попроще (но лучше ли?):

<a href="URL фото" onclick="window.open('name.JPG', 'image', 'toolbar=no, menubar=no, width=925, height=640, resizable=yes, scrollbars=yes'); return false;" TITLE="Увеличить фото"><IMG src="name.jpg" border="0"></a>

Добавлено через 1 час 27 минут
Цитата:
Сообщение от dva-main Посмотреть сообщение
пример джавы что ли дать? вообще то их везде - навалом...
или джаву дать, я, честно говоря, не нашел

Последний раз редактировалось Sergey2121; 25.07.2008 в 19:02. Причина: Добавлено сообщение
Sergey2121 вне форума   Ответить с цитированием
Старый 25.07.2008, 19:16   #9
Мастер
 
Аватар для new
 
Регистрация: 25.06.2007
Сообщений: 665
Вес репутации: 232
new - за этого человека можно гордитсяnew - за этого человека можно гордитсяnew - за этого человека можно гордитсяnew - за этого человека можно гордитсяnew - за этого человека можно гордитсяnew - за этого человека можно гордитсяnew - за этого человека можно гордитсяnew - за этого человека можно гордитсяnew - за этого человека можно гордитсяnew - за этого человека можно гордится
По умолчанию

1 - скачиваем скрипт: http://gribnoe.info/thumb.js
2 - подключаем или по всему сайту, или только там, где зум нужен.
3 - ссылаемся на картинку ввида:

Цитата:
<a href="путь_к_картинке" rel="thumbnail">ссылка</a>
Довольно красивый эффект открытия картинки.


И стиль еще добавить:

Цитата:
.show {
cursor: pointer;
color: #81755C;
font-weight: bold;
}

#thumbBox{
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 2px;
visibility: hidden;
z-index: 10;
background: #efefef;
border: solid 1px #f5f5f5;
border-bottom-color: #a6a6a6;
border-right-color: #a6a6a6;
}

#thumbBox .footerbar{
background: #efefef;
padding: 5px 0;
text-align: right;
}


#thumbImage{
background-color: #efefef;
text-align: center;
color: #000;
font-weight: bold;
FONT-SIZE: 10px;
}

#thumbLoading{
position: absolute;
visibility: hidden;
border: 1px solid #000;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}
В скрипте есть запись:
defineLoading: '<img src="img/loading.gif" alt="Загрузка..." />',

тут прописать ссылку на картинку с гифом загрузки, или изменить на текст.

Добавлено через 5 минут
А вообще, вот тут много приколюх с фотами.

http://www.dynamicdrive.com/dynamicindex15/index.html
__________________

Последний раз редактировалось new; 25.07.2008 в 19:16. Причина: Добавлено сообщение
new вне форума   Ответить с цитированием
Старый 25.07.2008, 19:17   #10
Специалист
 
Аватар для dva-main
 
Регистрация: 27.01.2008
Адрес: Москва
Сообщений: 403
Вес репутации: 205
dva-main скоро станет известен
По умолчанию

Цитата:
Сообщение от Sergey2121 Посмотреть сообщение
или джаву дать, я, честно говоря, не нашел
джава - "джава скрипт", "Java Script", "JS"...

фильтры в CSS, DHTML, ajax/аякс - по большому счёту та же самая джава...

Вы всё уже нашли читайте руководства и пытайтесь использовать - так будет продуктивнее...
dva-main вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Увеличение средних цен lawer Вопросы по работе системы 7 30.04.2008 13:02
Собиратели сторой Фото-Видео техники есть? Kashey Курилка 1 13.01.2008 18:42
Увеличение цен. antsv Ошибки при работе с системой 5 11.01.2008 19:18
увеличение ВС Sasa Пожелания пользователей системы 12 08.10.2007 12:03
Увеличение количества страниц Niko2007 Вопросы по работе системы 3 13.07.2007 14:42


Часовой пояс GMT +3, время: 03:10.