Показать сообщение отдельно
  #10 (permalink)  
Старый 17.09.2012, 00:40
Аспирант
Отправить личное сообщение для noid Посмотреть профиль Найти все сообщения от noid
 
Регистрация: 16.09.2012
Сообщений: 38

Как вариант предложили, но что-то не открываются блоки. http://memkey.net/blockheight/d.html

<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<title>11</title>
</head>
<style>
.item {max-height: 200px; overflow: hidden;}
</style>
<body>

<script type="text/javascript">
$(document).ready(function(){
	$('.item .holder').each(function(){
		var holder = $(this);
		var parent = $(this).parent('.item');
		if(holder.height() > parent.height()) {
			parent.after($('<button>Открыть</button>').on('click',function(){
				parent.height(holder.height());
				return false;
			}));
		}
	});
});
</script>

<div class="item">
	<div class="holder">
		<img src="img1.jpg" /><br />
		<img src="img2.jpg" /><br />
		<img src="img3.jpg" />
	</div>
</div>

<div class="item">
	<div class="holder">
		<img src="img3.jpg" /><br />
		<img src="img3.jpg" /><br />
		<img src="img3.jpg" /><br />
		<img src="img3.jpg" /><br />
		<img src="img3.jpg" />
	</div>
</div>

<div class="item">
	<div class="holder">
		<img src="img3.jpg" />
	</div>
</div>

</body> 
</html>


И зараза в хроме при обновлении пропадают кнопки. Если ввод в адресной строке, то все нормально. В мазилле и опере такого нет.

Последний раз редактировалось noid, 17.09.2012 в 00:54.
Ответить с цитированием