Селектор для Fancybox
На моей странице открывается галерея Fancybox. Во время открытия мне нужно применить css стили к самому изображению, но никак не могу найти сам плагин в dom - пробовал разные селекторы, не получается. Пожалуйста, направьте в нужном направлении!
Вот пример https://codepen.io/fancyapps/pen/wEVOPa |
Цитата:
.fancybox-slide--complete .fancybox-image
{
transform: scale(1) rotate(720deg);
transition: 2s;
}
.fancybox-image{
transform: scale(.1);
}
|
Стиль должен применяться динамически.
Пробовал через
$(document).ready(function(){
$('.fancybox-image').css('opacity', '0.1');
});
не работает. не подскажите? https://codepen.io/dizelvis/pen/GRpmQjV если озвучить вопрос целиком, то нужно взять стиль, который был применен к исходной фото, и продублировать его к фото в галерее. в обоих случаях стили назначаются динамически |
dizelvis,
почему бы стиль не прописать в css? не работает потому что нет элементов с таким селектором, плагин создаёт их на время показа. читайте документацию, beforeShow возможно вам поможет |
Цитата:
$.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>
|
|
рони,
спасибо за подсказку! однако мне не удается получить именно элемент конкретно слайда, изменяя стиль для .fancybox-image я применяю его для всех фото в галерее |
Цитата:
Нужно чтобы при просмотре в галерее fancybox пользователь видел фото с учетом тех стилей, что он уже применил |
На странице https://codepen.io/dizelvis/pen/GRpmQjV я применил к некоторым фото
style="transform: scaleX(1) rotate(90deg)" как отобразить теперь этот стиль при просмотре в галерее? |
| Часовой пояс GMT +3, время: 12:45. |