Question

Здравствуйте, подскажите какие классы в css поменять что бы в окне fancybox измениь крестик на свой, стрелочки и расположение этих элементов?  Всё стандартное что есть в гугле и яндексе искал ничего нет. А нужны именно css классы.

Answer 1

По шагам, крестик меняется стилями:

.fancybox-close{background-image: url('ссылка на фото')!important;}

Стрелка влево(предыдущее фото):

.fancybox-prev span {background-image: url('ссылка на фото стрелки влево')important;}

Стрелка вправо(следующее фото):

.fancybox-next span {
    background-image: url('ссылка на фото стрелки вправо')!important;
}

Comments

Вот так примерно как сделать, классы не подходят?

---

Руслан Алексеев,

Уточните ссылку на сайт где прописали и не получилось, будем смотреть. Сделать так как на фото, вы обратились не по адресу, здесь не делают как на фото, с этим к фрилансерам.

---

Примерно разаобрался, откуда стрели взять?

---

Руслан Алексеев,

Ищите в сети например в Google либо рисуйте сами, иного выхода у вас нет.

---

Yuri_Geruk,

классы примерно получилось преобразовать, где картинки взять? Сторонний ресурс наверно?

---

Yuri_Geruk,

не работает скрипт, не могу затемнить фон

 <script type="text/javascript">  $(document).ready(function(){  $('.ulightbox').fancybox({padding: 3, preload: 5, openEffect: openEf, closeEffect: 'elastic', nextEffect: 'fade', prevEffect: 'fade', openEasing: 'linear', nextEasing: 'linear', prevEasing: 'linear', fixed: fixedFlag, helpers: {title: null, overlay : {opacity: 0.1, speedIn: 0, speedOut: 0}, buttons : {}}});  });   function _bldCont1(id, indx) {  idarray = 'allEntImgs' + id;  imgar = [];  for (var i=0;i<eval(idarray).length;i++) {  imgar[i] = eval(idarray)[i][0];  }  $.fancybox(imgar,{index: indx, padding: 3, preload: 5, openEffect: openEf, closeEffect: 'elastic', nextEffect: 'fade', prevEffect: 'fade', openEasing: 'linear', nextEasing: 'linear', prevEasing: 'linear', fixed: fixedFlag, helpers: {title: null, overlay : {opacity: 0.1, speedIn: 0, speedOut: 0}, buttons: {}}});  }  </script> 

opacity - непрозрачность затемнения (0 - полностью прозрачный, 1 - непрозрачный); 

 

opacity: 0.1,

opacity: 0.9,

opacity: 1,

 

ничего не работает

---

Руслан Алексеев,

Всё заработало, а название фото можно на фото прикрепить? Но не поднеё?