Показать сообщение отдельно
  #9 (permalink)  
Старый 04.06.2012, 16:23
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ Без Имени</title>

<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<style type="text/css">
#gallery { width:570px;height:375px; background:#CCCCCC; border-radius:15px;}
#lpic{ width:370px;height:365px; background:#666666; border-radius:12px; margin:5px;float:left; position:relative;}
#spic{width:185px; height:365px; background:#666666; border-radius:12px;top:5px; margin-left:380px;position:relative; }
div#spic img {width:85px; height:85px; position:relative;left:5px; margin-top:5px; border-radius:8px;}
div#lpic img { width:360px; height:355px; position:relative;left:5px; margin-top:5px; border-radius:8px; background:#FFFFFF}
</style>


</head>
<body>
<div id='gallery'> 
 <div id='lpic'>
  <img id='largepic'/>
 </div>
 <div id='spic'>
  <img src="http://im4-tub-ua.yandex.net/i?id=225745906-46-72"/>
  <img src="http://im4-tub-ua.yandex.net/i?id=225745906-46-72&n=17"/>
  <img src="http://im8-tub-ua.yandex.net/i?id=5648272-06-72"/>
  <img src="http://im6-tub-ua.yandex.net/i?id=367196349-12-72"/>
  <img src="http://im5-tub-ua.yandex.net/i?id=107622380-10-72"/>
  <img src="http://im5-tub-ua.yandex.net/i?id=321975975-33-72"/>
  <img src="http://im6-tub-ua.yandex.net/i?id=367196349-12-72"/>
  <img src="http://im8-tub-ua.yandex.net/i?id=465839557-47-72"/>
 </div>
</div>
</script>
<script type="text/javascript">
$("#spic img").click(function() {

  $("#largepic").attr("src",$(this).attr("src"));

});	
</script>
</body>
</html>
Ответить с цитированием