Текущая позиция в блоке со скроллбаром.

[Lacosta]

РЕШЕНО

Люди добрые.

Имею нужду в помощи. У меня есть галерейка, в ней проблемка со скроллбаром.

Вот код скроллбара:

/* MotionGallery Styles */
.jg_minis {
	width:610px;
	height:125px;
	padding:0;
	position:relative;
	overflow:hidden;
	overflow-x:scroll;
}
.jg_minis-b {
	min-width:100%;
	height:110px;
	white-space: nowrap;}
.jg_minis-b a{
	display:inline-block;
	margin:0 5px; padding:0;}

<div class="jg_minis">
  <div class="jg_minis-b">
          <a href="/index.php/mujskaya-odezhda/winter-man/12319-28#joomimg">
            <img alt="123_19" class="jg_minipic" src="http://localhost/images/joomgallery/thumbnails/_1/_2/_19_20110316_1977294851.jpg"></a>
          <a href="/index.php/mujskaya-odezhda/winter-man/12318-27#joomimg">
            <img alt="123_18" class="jg_minipic" src="http://localhost/images/joomgallery/thumbnails/_1/_2/_18_20110316_1892362090.jpg"></a>
          .....
            <img alt="123_7" class="jg_minipic" src="http://localhost/images/joomgallery/thumbnails/_1/_2/_7_20110316_1685532004.jpg"></a>
          <a href="/index.php/mujskaya-odezhda/winter-man/1236-15#joomimg">
            <img alt="123_6" class="jg_minipic" src="http://localhost/images/joomgallery/thumbnails/_1/_2/_6_20110316_1521971829.jpg"></a>
          <a href="/index.php/mujskaya-odezhda/winter-man/1235-14#joomimg">
            <img alt="123_5" class="jg_minipic" id="jg_mini_akt" src="http://localhost/images/joomgallery/thumbnails/_1/_2/_5_20110316_1337198813.jpg"></a>
          .....
  </div>
  </div>

здесь был url

Как видно ни одного Js.

Задача такова: Сделать так, чтобы скроллбар автоматом показывал, миниатюру текущего выбранного изображения. По возможности, по центру блока со скроллбаром (исключая крайние правые и левые миниатюры, и близстоящие к ним, они показываются в крайнем положении естественно.)

Естественно без Js не обойтись.

Вот тут замечательный пример есть: http://www.photoshare.ru/photo6957778.html Фотография сразу взята из центра ленты скроллбара, для наглядности.

А вот моя ссылка: здесь был url

Тут тоже из центра, ближе к концу, но скроллбар застыл в крайнем левом положении. Что в общем логично.

К.О. сообщает: У активной миниатюры есть id <img alt="123_5" class="jg_minipic" id="jg_mini_akt".....

Я в Js совсем ни гугу, протяните руку помощи, не дайте сгинуть во цвете лет. )))

Edited March 21, 2011 by Lacosta

[Синдром]

Жумловский мутулз плюс немного магии цифр

window.addEvent('domready', function(){
   var jgMinis = $$('.jg_minis')[0];
   var jgMini = $('jg_mini_akt');
   var left = jgMini.getLeft() - jgMinis.getLeft() - jgMinis.getSize().size.x/2 + jgMini.getSize().size.x/2;
   jgMinis.scrollTo(left, 0);
});

собственно вставить куданибудь в head, можно прям в компоненте через php, на память типа такого $doc->addScriptDeclaration('тут код'); ну конечно нужно doc объявить уже не помню точно синтаксис

[Lacosta]

Спасибо, Синдром супермена. =)

Вывел скрипт только на странице со скроллбаром следующим способом:

<?php
$doc = & JFactory::getDocument();
$doc->addScript(JURI::root(true) . "/js/scroll.js");
?>

Ещё раз спасибо дружище )

[Синдром]

Велкам