fancyBox добавить заголовок внутри фото?

Сообщение # 1 | 22:51:04 24 Сен 2016

Здравствуйте! Подскажите как к стандартному на Ucoz fancyBox, добавить заголовок в нутри фото как на скриншёте, в JS очень плохо понимаю.

манул Ucoz дал ссылку сюда

Код

$(document).ready(function() {
    $("#single_1").fancybox({
          helpers: {
              title : {
                  type : 'float'
              }
          }
      });

    $("#single_2").fancybox({
     openEffect    : 'elastic',
     closeEffect    : 'elastic',

     helpers : {
      title : {
       type : 'inside'
      }
     }
    });

    $("#single_3").fancybox({
     openEffect : 'none',
     closeEffect    : 'none',
     helpers : {
      title : {
       type : 'outside'
      }
     }
    });

    $("#single_4").fancybox({
     helpers : {
      title : {
       type : 'over'
      }
     }
    });
});

Код

Подскажите как правельно сделать?

Прикрепления: 1465027.jpg (51.4 Kb)

Сообщение # 3 | 17:50:51 01 Окт 2016

Чтобы у всех фото открываемых через ulightbox показывалось то, что в title

Код

Только для элемента с определенным id (в примере ulbox1)

Код

<a href="http://farm2.staticflickr.com/1514/23919332220_60b7867d60_b.jpg" class="ulightbox" id="ulbox1" target="_blank" title="Текст подсказки"><img src="http://farm2.staticflickr.com/1514/23919332220_60b7867d60_m.jpg"/></a>
<script type="text/javascript">
$(document).ready(function() {
$("#ulbox1").fancybox({
    helpers:  {
        title : {
  type : 'over'
    }
    }
});
});
</script>

Прикрепить к элементу с определенным id (в примере ulbox1) текст подсказки путем её указания в самом скрипте

Код

<a href="http://farm2.staticflickr.com/1514/23919332220_60b7867d60_b.jpg" class="ulightbox" id="ulbox1" target="_blank"><img src="http://farm2.staticflickr.com/1514/23919332220_60b7867d60_m.jpg"/></a>
<script type="text/javascript">
$(document).ready(function() {
$("#ulbox1").fancybox({
title: 'Текст подсказки',
    helpers:  {
        title : {
  type : 'over'
    }
    }
});
});
</script>

А, 'over' способ вывода, можно заменить на 'float', 'inside' или 'outside'.

Сообщение отредактировал Komoff - Суббота, 01 Окт 2016, 17:55:10

Страница 1 из 1 1
Модератор форума: Yuri_G