Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.10.2012, 09:30
Новичок на форуме
Отправить личное сообщение для daykkin Посмотреть профиль Найти все сообщения от daykkin
 
Регистрация: 30.07.2010
Сообщений: 8

Вертикальный слайдер контента
Всем привет!
Возникла такая задача, никак не могу решить.
Есть блоки новостей поделенные между собой табами на года.
В каждом выбранном годе, показаны 2 последних новости, ниже ссылка "еще новости", при клике на которую нужен слайд на следующие 2 новости с этого года.
Проблема в том, что фиксированной высоты у блоков нет, текст всегда разный, все готовые решения погорели именно на этом.
Прилагаю html код (здесь текст новости вставлен одинаковый для примера, на деле же будет разный).

<!-- content -->
				<div id="content">
					
					<!-- news block -->
					<div class="info-block">
					
						<div class="page-title">Новости</div>
						
						<!-- news tab -->
						<div class="news-tab" id="news-2012">
							<div class="news-block">

								<div class="news-box">
									<h2>Повседневный выставочный стенд: методология и особенности</h2>
									<div class="date">05 апреля 2012</div>
									<div class="text">Представляется логичным, что социальный статус транслирует межличностный план размещения, отвоевывая рыночный сегмент. Инвестиционный продукт нейтрализует сублимированный процесс стратегического планирования, используя опыт предыдущих кампаний.</div>
									<div class="more-link"><a href="#">подробнее</a></div>
								</div>
								<div class="news-box">
									<h2>Повседневный выставочный стенд: методология и особенности</h2>
									<div class="date">04 апреля 2012</div>
									<div class="text">Представляется логичным, что социальный статус транслирует межличностный план размещения, отвоевывая рыночный сегмент. Инвестиционный продукт нейтрализует сублимированный процесс стратегического планирования, используя опыт предыдущих кампаний.</div>
									<div class="more-link"><a href="#">подробнее</a></div>
								</div>
								<div class="news-box">
									<h2>Повседневный выставочный стенд: методология и особенности</h2>
									<div class="date">03 апреля 2012</div>
									<div class="text">Представляется логичным, что социальный статус транслирует межличностный план размещения, отвоевывая рыночный сегмент. Инвестиционный продукт нейтрализует сублимированный процесс стратегического планирования, используя опыт предыдущих кампаний.</div>
									<div class="more-link"><a href="#">подробнее</a></div>
								</div>
								<div class="news-box">
									<h2>Повседневный выставочный стенд: методология и особенности</h2>
									<div class="date">02 апреля 2012</div>
									<div class="text">Представляется логичным, что социальный статус транслирует межличностный план размещения, отвоевывая рыночный сегмент. Инвестиционный продукт нейтрализует сублимированный процесс стратегического планирования, используя опыт предыдущих кампаний.</div>
									<div class="more-link"><a href="#">подробнее</a></div>
								</div>
							</div>
							
							<div class="all-link"><a href="#">еще новости</a></div>
							
						</div>
						<!-- end news tab -->
						
						<!-- news tab -->
						<div class="news-tab" id="news-2011">
							<div class="news-block">
							
								<div class="news-box">
									<h2>Повседневный выставочный стенд: методология и особенности</h2>
									<div class="date">05 апреля 2011</div>
									<div class="text">Представляется логичным, что социальный статус транслирует межличностный план размещения, отвоевывая рыночный сегмент. Инвестиционный продукт нейтрализует сублимированный процесс стратегического планирования, используя опыт предыдущих кампаний.</div>
									<div class="more-link"><a href="#">подробнее</a></div>
								</div>
								<div class="news-box">
									<h2>Повседневный выставочный стенд: методология и особенности</h2>
									<div class="date">04 апреля 2011</div>
									<div class="text">Представляется логичным, что социальный статус транслирует межличностный план размещения, отвоевывая рыночный сегмент. Инвестиционный продукт нейтрализует сублимированный процесс стратегического планирования, используя опыт предыдущих кампаний.</div>
									<div class="more-link"><a href="#">подробнее</a></div>
								</div>
								<div class="news-box">
									<h2>Повседневный выставочный стенд: методология и особенности</h2>
									<div class="date">03 апреля 2011</div>
									<div class="text">Представляется логичным, что социальный статус транслирует межличностный план размещения, отвоевывая рыночный сегмент. Инвестиционный продукт нейтрализует сублимированный процесс стратегического планирования, используя опыт предыдущих кампаний.</div>
									<div class="more-link"><a href="#">подробнее</a></div>
								</div>
								<div class="news-box">
									<h2>Повседневный выставочный стенд: методология и особенности</h2>
									<div class="date">02 апреля 2011</div>
									<div class="text">Представляется логичным, что социальный статус транслирует межличностный план размещения, отвоевывая рыночный сегмент. Инвестиционный продукт нейтрализует сублимированный процесс стратегического планирования, используя опыт предыдущих кампаний.</div>
									<div class="more-link"><a href="#">подробнее</a></div>
								</div>
							</div>
							
							<div class="all-link"><a href="#">еще новости</a></div>
							
						</div>
						<!-- end news tab -->
						
						<!-- news tab -->
						<div class="news-tab" id="news-2010">
							<div class="news-block">
							
								<div class="news-box">
									<h2>Повседневный выставочный стенд: методология и особенности</h2>
									<div class="date">05 апреля 2010</div>
									<div class="text">Представляется логичным, что социальный статус транслирует межличностный план размещения, отвоевывая рыночный сегмент. Инвестиционный продукт нейтрализует сублимированный процесс стратегического планирования, используя опыт предыдущих кампаний.</div>
									<div class="more-link"><a href="#">подробнее</a></div>
								</div>
								<div class="news-box">
									<h2>Повседневный выставочный стенд: методология и особенности</h2>
									<div class="date">03 апреля 2010</div>
									<div class="text">Представляется логичным, что социальный статус транслирует межличностный план размещения, отвоевывая рыночный сегмент. Инвестиционный продукт нейтрализует сублимированный процесс стратегического планирования, используя опыт предыдущих кампаний.</div>
									<div class="more-link"><a href="#">подробнее</a></div>
								</div>
								<div class="news-box">
									<h2>Повседневный выставочный стенд: методология и особенности</h2>
									<div class="date">02 апреля 2010</div>
									<div class="text">Представляется логичным, что социальный статус транслирует межличностный план размещения, отвоевывая рыночный сегмент. Инвестиционный продукт нейтрализует сублимированный процесс стратегического планирования, используя опыт предыдущих кампаний.</div>
									<div class="more-link"><a href="#">подробнее</a></div>
								</div>
							</div>
							
							<div class="all-link"><a href="#">еще новости</a></div>
							
						</div>
						<!-- end news tab -->
						
						<!-- news tab -->
						<div class="news-tab" id="news-2009">
							<div class="news-block">
							
								<div class="news-box">
									<h2>Повседневный выставочный стенд: методология и особенности</h2>
									<div class="date">05 апреля 2009</div>
									<div class="text">Представляется логичным, что социальный статус транслирует межличностный план размещения, отвоевывая рыночный сегмент. Инвестиционный продукт нейтрализует сублимированный процесс стратегического планирования, используя опыт предыдущих кампаний.</div>
									<div class="more-link"><a href="#">подробнее</a></div>
								</div>
								<div class="news-box">
									<h2>Повседневный выставочный стенд: методология и особенности</h2>
									<div class="date">04 апреля 2009</div>
									<div class="text">Представляется логичным, что социальный статус транслирует межличностный план размещения, отвоевывая рыночный сегмент. Инвестиционный продукт нейтрализует сублимированный процесс стратегического планирования, используя опыт предыдущих кампаний.</div>
									<div class="more-link"><a href="#">подробнее</a></div>
								</div>
								<div class="news-box">
									<h2>Повседневный выставочный стенд: методология и особенности</h2>
									<div class="date">03 апреля 2009</div>
									<div class="text">Представляется логичным, что социальный статус транслирует межличностный план размещения, отвоевывая рыночный сегмент. Инвестиционный продукт нейтрализует сублимированный процесс стратегического планирования, используя опыт предыдущих кампаний.</div>
									<div class="more-link"><a href="#">подробнее</a></div>
								</div>
								<div class="news-box">
									<h2>Повседневный выставочный стенд: методология и особенности</h2>
									<div class="date">02 апреля 2009</div>
									<div class="text">Представляется логичным, что социальный статус транслирует межличностный план размещения, отвоевывая рыночный сегмент. Инвестиционный продукт нейтрализует сублимированный процесс стратегического планирования, используя опыт предыдущих кампаний.</div>
									<div class="more-link"><a href="#">подробнее</a></div>
								</div>
							</div>
							
							<div class="all-link"><a href="#">еще новости</a></div>
							
						</div>
						<!-- end news tab -->
						
					</div>
					<!-- end news block -->
					
					<!-- tabs block -->
					<div class="tab-news">
						<ul>
							<li><a href="#news-2012">2012</a></li>
							<li><a href="#news-2011">2011</a></li>
							<li><a href="#news-2010">2010</a></li>
							<li><a href="#news-2009">2009</a></li>
						</ul>
					</div>
					<!-- end tabs block -->
					<div class="clear"></div>
					
				</div>
				<!-- end content -->
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
есть ли резиновый слайдер контента на jQuery Enxiro jQuery 10 28.02.2014 10:15
Конфликтуют два скрипта.1-й Слайдер сайта.2-й ротатор контента ilyashis jQuery 3 23.02.2013 09:26
как переделать слайдер? Estrie (X)HTML/CSS 0 06.03.2012 16:57
jquery слайдер, анимация при переключении вкладки KiTaeZa Events/DOM/Window 1 05.09.2011 19:52
Загрузка контента без перезагрузки страницы vah-smile AJAX и COMET 3 30.03.2011 15:37