Показать сообщение отдельно
  #13 (permalink)  
Старый 26.05.2013, 22:44
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,072

maxxux,
Вариант решения ...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><META content="IE=5.0000" http-equiv="X-UA-Compatible">

<META content="text/html; charset=utf-8" http-equiv=Content-Type>
<SCRIPT type=text/javascript src="http://bank.ucoz.ru/jquery.js"></SCRIPT>
<SCRIPT type=text/javascript src="http://bank.ucoz.ru/jloupe.js"></SCRIPT>
<SCRIPT type=text/javascript>
  function setBigImage(foto) {
  var foto = $(foto);
  var s = $("<img />").attr("src", foto.data('original'));
  $("#bigimg").attr("src",foto.attr("src")).data("zoom", s);
  }
</SCRIPT>
</HEAD>
<BODY>
<P style="TEXT-ALIGN: center"><IMG id=bigimg class=jLoupe
alt="Главное изображение" src="http://bank.ucoz.ru/s/1/1.jpg" height=150
data-original="http://bank.ucoz.ru/b/1/1.jpg"> <BR><IMG onclick=setBigImage(this)
src="http://bank.ucoz.ru/s/1/1.jpg" width=100 data-original="http://bank.ucoz.ru/b/1/1.jpg"> <IMG
onclick=setBigImage(this) src="http://bank.ucoz.ru/s/1/2.jpg" width=100
data-original="http://bank.ucoz.ru/b/1/2.jpg"> <IMG onclick=setBigImage(this)
src="http://bank.ucoz.ru/s/1/3.jpg" width=100 data-original="http://bank.ucoz.ru/b/1/3.jpg"> </P></BODY></HTML>

Последний раз редактировалось рони, 26.05.2013 в 22:47.
Ответить с цитированием