Форум SAPE.RU - как сделать увеличение фото от клика мышью

Форум SAPE.RU (http://forum.sape.ru/index.php)

- Разработка и сопровождение сайтов (http://forum.sape.ru/forumdisplay.php?f=29)

как сделать увеличение фото от клика мышью

Мужики, подскажите, плиз, как сделать на своем сайте увеличение фото от клика мышью по нему.

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

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

Цитата:

Сообщение от dva-main (Сообщение 202376)

руками... и джавой ;)

Добавлено через 15 минут
12345

да уж ...

Цитата:

Сообщение от Sergey2121 (Сообщение 202388)

да уж ...

пример джавы что ли дать? вообще то их везде - навалом...

Не джавы, а 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='cursor:pointer;cursor:hand;' onclick='myimgshow(\"images/<большое_изображение>\",\"<comment>\",<ширина>,<вы сота>,<любое число>)'>";

можно плавный ресайз на ajax
ключевое слово mootools

Цитата:

Сообщение от WebFX (Сообщение 202420)

можно плавный ресайз

Хорош, это не поможет, ТС уже в ступоре от новых слов...

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

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

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 (Сообщение 202394)

пример джавы что ли дать? вообще то их везде - навалом...

или джаву дать, я, честно говоря, не нашел

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

Цитата:

Сообщение от Sergey2121 (Сообщение 202441)

или джаву дать, я, честно говоря, не нашел

джава - "джава скрипт", "Java Script", "JS"...

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

Вы всё уже нашли ;) читайте руководства и пытайтесь использовать - так будет продуктивнее...