Показать сообщение отдельно
  #2 (permalink)  
Старый 18.01.2013, 09:38
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,206

Сообщение от Lagshmivar
как самым простым способом все это реализовать
Как вариант...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
td {
	position: relative;
}
.clone {
	position: absolute;
	top: 0;
	left: 0;
}
.clone > img {
	width: 100%;
	height: 100%;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
	$('td a').click(function () {
		var o=$(this).parent();
		var url=o.find('img').attr('src');
		var html='<a href="#" class="clone"><img src="'+url+'" /></a>'
		o.append(html);
		o=o.find('.clone');
		o.animate({width:'200%',height:'200%'});
		o.click(function () {
			$(this).remove();
		});
	});
});
</script>
</head>
<body>
<table>
	<td>
		<a href='#'><img src='http://javascript.ru/forum/images/ca_serenity/misc/logo.gif' /></a>
	</td>
</table>
</body>
</html>
Ответить с цитированием