Всплывающая подсказка - Joomla 2.5: Общие вопросы

		/* Spotlight */
		$('.warpspotlight').warpspotlight({fade: 300});

<div class="gap">
<div> </div>
<div class="text">
<h3> <span style="font-size: 14pt;">Ваша  коллекция  открытий </span></h3>
</div>
</div>

.gap {
position: relative;
overflow: hidden;
height: 450px;
}

.text{
	height:62px;
padding: 0px;
background: #323232;
background: rgba(0,0,0,0.8);

visibility:hidden;
}
.text h3 {
	color:#fff;
	padding:10px;
}
.gap:hover .text {
position: absolute;
width: 100%;
visibility: visible;
left: 0px;
bottom: 0px;

}

/* Spotlight */
		$('.spotlight').spotlight({fade: 300});

		var matchHeight = function(selector, deepest) {
			
			var deepest  = deepest || ".deepest";
			var elements = $(selector);
			var max      = 0;

			elements.each(function(){
				max = Math.max(max, $(this).outerHeight());
			});
			
			
			elements.each(function(){
				var box = $(this),
					ele = box.find(deepest+":first"),
					height = (ele.height() + (max - box.outerHeight()));

				ele.css("min-height", height+"px");
			});
		};  

/* Spotlight */
		$('.spotlight').spotlight({fade: 300});

		var matchHeight = function(selector, deepest) {
			(В этом месте)
			var deepest  = deepest || ".deepest";
			var elements = $(selector);
			var max      = 0;

			elements.each(function(){
				max = Math.max(max, $(this).outerHeight());
			});
			
			
			elements.each(function(){
				var box = $(this),
					ele = box.find(deepest+":first"),
					height = (ele.height() + (max - box.outerHeight()));

<script type="text/JavaScript" scr="/templates/yoo_corona/warp/js/spotlight.js"></script>

<div class="gap">

<div class="warpspotlight">

<div class="spotlight bottom">
<div> </div>
<div>
<h3><span style="font-size: 14pt;"> <strong style="padding: 0px; margin: 0px;">Бутан, монастырь Тaксaнг Лaгхaнг</strong> </span></h3>
</div>
</div>

		/* Spotlight */
		$('.warpspotlight').warpspotlight({fade: 300});

		/* Spotlight */
		$('.gap').warpspotlight({fade: 300});

$('.spotlight.bottom').warpspotlight({fade: 300});

<div class="spotlight bottom">
<div> </div>
<div>
<h3><span style="font-size: 14pt;"> <strong style="padding: 0px; margin: 0px;">ВАША КОЛЛЕКЦИЯ ОТКРЫТИЙ</strong> </span></h3>
</div>
</div>

<div class="spotlight bottom">
<div> </div>
<div>
<h3><span style="font-size: 14pt;"> <strong style="padding: 0px; margin: 0px;">Потала – дворец Далай-ламы</strong> </span></h3>
</div>
</div>

<div class="spotlight bottom">
<div> </div>
<div>
<h3> <span style="font-size: 14pt;">Ваша  коллекция  открытий </span></h3>
</div>
</div>