Пытался сделать в "Motiongallery"(динамический) ещё и простой скроллбар внизу.
Пример:
http://www.photoshare.ru/photo6940030.htmlЕстественно редактируя CSS.
Но так как у контейнера тумб - вывод через JS (Динамическая ширина). То получилось что то отдалённо напоминающее функции скроллбара.
Скроллбар сам изменял ширину, вслед за скольжением "Motiongallery", вытянувшись во всю ширину, он исчезал.
В общем с этим ничего не вышло, я плюнул на Js.
Далее сделал "Motiongallery" Статичным, в настройках.
Полез в код, обернул тумбы ещё одним дивом (чтобы к первому можно было привязать скроллбар):
Вот код:
/* 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>
Всё в общем устраивает меня. Кроме одного.
На последней тумбе как видно "
id="jg_mini_akt"" - Это активное (выбранное изображение).
И, так как фото последнее - скроллбар должен быть в крайнем правом положении. То есть всегда, показывать активное изображение (по возможности - по центру).
А он всегда в Исходном, крайнем левом положении.
Я понимаю, для этого нужен какой то Js, но вот какой и как его привязать?
В динамической версии "Motiongallery", есть такая функция. Но она(динамическая прокрутка) мне не подошла, она тянет много лишнего кода, ненужный функционал, и косяк со скроллбаром.
23.06.2021, 14:36:25