Селектор для Fancybox

[dizelvis]

На моей странице открывается галерея Fancybox. Во время открытия мне нужно применить css стили к самому изображению, но никак не могу найти сам плагин в dom - пробовал разные селекторы, не получается. Пожалуйста, направьте в нужном направлении!

Вот пример https://codepen.io/fancyapps/pen/wEVOPa

[рони]

Во время открытия мне нужно применить css стили к самому изображению

.fancybox-slide--complete .fancybox-image
   {
    transform: scale(1) rotate(720deg);
    transition: 2s;
   }
   .fancybox-image{
     transform: scale(.1);
   }

[dizelvis]

Стиль должен применяться динамически.
Пробовал через

$(document).ready(function(){
	$('.fancybox-image').css('opacity', '0.1');
});

не работает.
не подскажите?
https://codepen.io/dizelvis/pen/GRpmQjV

если озвучить вопрос целиком, то нужно взять стиль, который был применен к исходной фото, и продублировать его к фото в галерее. в обоих случаях стили назначаются динамически

[рони]

dizelvis,
почему бы стиль не прописать в css?
не работает потому что нет элементов с таким селектором, плагин создаёт их на время показа.
читайте документацию, beforeShow возможно вам поможет

[рони]

$(document).ready(function(){
    $('.fancybox-image').css('opacity', '0.1');
});

заменить на

$.fancybox.defaults.afterShow = function(){
	$('.fancybox-image').css('opacity', '0.1');
};

[рони]

dizelvis,
почему не добавить
просто

<style type="text/css">
  .fancybox-slide--complete .fancybox-image
   {
     opacity: 1;

   }
   .fancybox-image{
       opacity: .1;transition: 1.2s;
   }

  </style>

[рони]

dizelvis,
документация
http://fancyapps.com/fancybox/3/docs/#options

[dizelvis]

рони,
спасибо за подсказку! однако мне не удается получить именно элемент конкретно слайда, изменяя стиль для .fancybox-image я применяю его для всех фото в галерее

[dizelvis]

<style type="text/css">
  .fancybox-slide--complete .fancybox-image
   {
     opacity: 1;

   }
   .fancybox-image{
       opacity: .1;transition: 1.2s;
   }

  </style>

у меня пользователь на странице может выполнять некоторые действия с фото. Поворот, отображение, кроп. Все это с помощью css тут же отображается.
Нужно чтобы при просмотре в галерее fancybox пользователь видел фото с учетом тех стилей, что он уже применил

[dizelvis]

На странице https://codepen.io/dizelvis/pen/GRpmQjV я применил к некоторым фото

style="transform: scaleX(1) rotate(90deg)"

как отобразить теперь этот стиль при просмотре в галерее?