25.07.2008, 16:05 | #1 |
Специалист
Регистрация: 05.09.2007
Сообщений: 144
Вес репутации: 210
|
как сделать увеличение фото от клика мышью
Мужики, подскажите, плиз, как сделать на своем сайте увеличение фото от клика мышью по нему.
|
25.07.2008, 16:22 | #2 |
Специалист
Регистрация: 27.01.2008
Адрес: Москва
Сообщений: 403
Вес репутации: 211
|
руками... и джавой примитивно: маленькая картинка внутри ссылки на крупную картинку открывающуюся в новом окне...
ну не успел дописать - извини Последний раз редактировалось dva-main; 25.07.2008 в 16:25. Причина: Добавлено сообщение |
25.07.2008, 16:23 | #3 |
Специалист
Регистрация: 05.09.2007
Сообщений: 144
Вес репутации: 210
|
|
25.07.2008, 17:02 | #5 |
Специалист
Регистрация: 08.06.2007
Сообщений: 246
Вес репутации: 218
|
Не джавы, а 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>\",<ширина>,<вы сота>,<любое число>)'>"; |
25.07.2008, 19:02 | #8 |
Специалист
Регистрация: 05.09.2007
Сообщений: 144
Вес репутации: 210
|
Голова точно сломалась, тяжело быть чайником.
Вот этот код куда вставлять, подскажите: 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 минут или джаву дать, я, честно говоря, не нашел Последний раз редактировалось Sergey2121; 25.07.2008 в 19:02. Причина: Добавлено сообщение |
25.07.2008, 19:16 | #9 | ||
Мастер
Регистрация: 25.06.2007
Сообщений: 665
Вес репутации: 238
|
1 - скачиваем скрипт: http://gribnoe.info/thumb.js
2 - подключаем или по всему сайту, или только там, где зум нужен. 3 - ссылаемся на картинку ввида: Цитата:
И стиль еще добавить: Цитата:
defineLoading: '<img src="img/loading.gif" alt="Загрузка..." />', тут прописать ссылку на картинку с гифом загрузки, или изменить на текст. Добавлено через 5 минут А вообще, вот тут много приколюх с фотами. http://www.dynamicdrive.com/dynamicindex15/index.html
__________________
Последний раз редактировалось new; 25.07.2008 в 19:16. Причина: Добавлено сообщение |
||
25.07.2008, 19:17 | #10 |
Специалист
Регистрация: 27.01.2008
Адрес: Москва
Сообщений: 403
Вес репутации: 211
|
|
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Увеличение средних цен | 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, время: 14:41.