Question

Подскажите как сделать вывод полного изображения при нажатии на малое в слайдере! Вот пример как у меня сейчас,но при таком способе фото из слайда просто становится не видимым!

 

 <div class="ms-slide" data-delay="3" data-fill-mode="fill" >
 <a href="$IMG_URL1$" class="ulightbox" target="_blank" title="$IMG1_TITLE$" data-fancybox-group="ulightboxgroup"></a>
 <img src="/masterslider/staff/common/blank.gif" alt="" title="" data-src="$IMG_SMALL_URL1$"/>
 <div class="ms-info"><h3 style="text-align: center;">$IMG1_TITLE$</h3>
 </div>
 </div>

 

Comments

ссылку на сайт уточните

Answer 1

Перейдите в шаблон страницы комментариев модуля Доска объявлений и перед закрывающим тегом </body>  добавьте скрипт:

<script>
$(".ms-slide-bgcont img").each(function() {
$(this).wrap("<a href='" + this.src + "'/>");
$('a[href$=".jpg"], a[href$=".jpeg"], a[href$=".gif"], a[href$=".png"]').addClass('ulightbox').attr("data-fancybox-group", "ultbx");
});
</script>

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

Comments

К сожелению ни чего не выходит фото открывается просто на другой странице!

---

Александр Кошкин,

В данном случае скрипт не сработал так как перед боди налепили слишком много скриптов, установите первым перед закрывающим тегом.

---

Попробывал первым,временно убирал другие скрипты и всё без изменения! может дело в самом мкрипте слайда7

 

<script type="text/javascript">
 (function ( $ ) {
 "use strict";

 $(function () {
 var masterslider_a757 = new MasterSlider();

 // slider controls
 masterslider_a757.control('arrows' ,{ autohide:true, overVideo:true });
 masterslider_a757.control('slideinfo' ,{ autohide:false, overVideo:true, dir:'h', align:'bottom',inset:false , margin:10 });
 // slider setup
 masterslider_a757.setup("ms-staff-1", {
 width : 240,
 height : 240,
 space : 35,
 start : 1,
 grabCursor : true,
 swipe : true,
 mouse : true,
 layout : "partialview",
 wheel : false,
 autoplay : false,
 instantStartLayers:false,
 loop : true,
 shuffle : false,
 preload : 4,
 heightLimit : true,
 autoHeight : false,
 smoothHeight : true,
 endPause : false,
 overPause : true,
 fillMode : "fill",
 centerControls : true,
 layersMode : "center",
 hideLayers : false,
 fullscreenMargin: 0,
 speed : 20,
 dir : "h",
 parallaxMode : 'swipe',
 view : "focus"
 });
 
 });
 })(jQuery);
 </script>

 

---

Александр Кошкин,

Не знаю в нем ли, но явно происходит конфликт скриптов, с данным вопросом вам либо к автору скрипта слайдера либо к фрилансерам - https://upartner.pro/

---

Хорошо будем разбираться! влюбом случие Вам огромное спасибо за помощь!