Дата: Суббота, 21.05.2011, 23.47.51 | Сообщение # 1
Уровень 3
Зарегистрирован: 04.12.2010
Пользователь №: 195
Сообщений: 118
В обще при наведение на маленькую картинку выводится изображение смотрим скрин
А интерисует меня эта же система для кода с $IMG_URL1$ до $IMG_URL7$ Ваши предложения !!
Добавлено (21.05.2011, 23:47) --------------------------------------------- Мож не верно но так ??
Code
<script src="http://code.jquery.com/jquery-latest.pack.js" type="text/javascript"></script> <script src="...Путь к скрипту..." type="text/javascript"></script></head>
Code
// buble position.
$(function () { $('.bubbleInfo').each(function () { // options var distance = 10; var time = 150; var hideDelay = 200; var toppos, leftpos;
var hideDelayTimer = null;
// tracker var beingShown = false; var shown = false;
var trigger = $('.trigger', this); var popup = $('.popup', this).css('opacity', 0);
// set the mouseover and mouseout on both element $([trigger.get(0), popup.get(0)]).mouseover(function () { // stops the hide event if we move from the trigger to the popup element if (hideDelayTimer) clearTimeout(hideDelayTimer);
// don't trigger the animation again if we're being shown, or already visible if (beingShown || shown) { return; } else { beingShown = true;
// reset position of popup box popup.css({ top: toppos, left: leftpos, display: 'block' // brings the popup back in to view })
// (we're using chaining on the popup) now animate it's opacity and position .animate({ top: '-=' + distance + 'px', opacity: 1 }, time, 'swing', function() { // once the animation is complete, set the tracker variables beingShown = false; shown = true; }); } }).mouseout(function () { // reset the timer if we get fired again - avoids double animations if (hideDelayTimer) clearTimeout(hideDelayTimer);
// store the timer so that it can be cleared in the mouseover if required hideDelayTimer = setTimeout(function () { hideDelayTimer = null; popup.animate({ top: '-=' + distance + 'px', opacity: 0 }, time, 'swing', function () { // once the animate is complete, set the tracker variables shown = false; // hide the popup entirely after the effect (opacity alone doesn't do the job) popup.css('display', 'none'); }); }, hideDelay); }); }); });