Ребят подскажите может кто сталкивался с такой проблемой:
Мне нужно вывести слайдер widgetkit в галерее phokagallery, в принципе есть код и есть вывод но выводится пустое место, я так подозреваю что дело в нижней части кода в jQuery, ребят гляньте мож есть у кого какие соображения.
echo '<div id="gallery-slider-27-52a49e581c4a0" class="wk-gallery-slider" style="width: 600px; height: 200px;">';
echo '<ul class="slides" style="width: 1176px;">';
echo '<li class="" style="background: url("/k2/cache/widgetkit/gallery/27/image1-1db52d626e.jpg") no-repeat scroll 50% 0px transparent; width: 147px; margin-right: 3px; overflow: hidden;">';
echo '<a class="spotlight" data-spotlight="effect:bottom" title="This is a caption for the first image." data-lightbox="group:27-52a49e581c4a0" href="/k2/images/yootheme/widgetkit/gallery/slider2/image1.jpg" style="width: 300px; position: relative; overflow: hidden;">';
echo '<div style="height: 200px; width: 300px;">'; echo '</div>';
echo '<div class="overlay" style="position: absolute; visibility: visible; display: block; width: 300px; height: auto; left: 0px; bottom: -40px;">';
echo '<div>';
//This is a caption for the first image.
echo '</div>';
echo '</div>';
echo '</a>';
echo '</li>';
echo '<li class="" style="background: url("/k2/cache/widgetkit/gallery/27/image2-016467cae1.jpg") no-repeat scroll 50% 0px transparent; width: 147px; margin-right: 3px; overflow: hidden;">';
echo '<a class="spotlight" data-spotlight="effect:bottom" title="This is a caption for the second image." data-lightbox="group:27-52a49e581c4a0" href="/k2/images/yootheme/widgetkit/gallery/slider2/image2.jpg" style="width: 300px; position: relative; overflow: hidden;">';
echo '<div style="height: 200px; width: 300px;">'; echo '</div>';
echo '<div class="overlay" style="position: absolute; visibility: visible; display: block; width: 300px; height: auto; left: 0px; bottom: -40px;">';
echo '<div>';
// This is a caption for the second image.
echo '</div>';
echo '</div>';
echo '</a>';
echo '</li>';
echo '<li class="" style="background: url("/k2/cache/widgetkit/gallery/27/image3-38ced5de49.jpg") no-repeat scroll 50% 0px transparent; width: 147px; margin-right: 3px; overflow: hidden;">';
echo '<a class="spotlight" data-spotlight="effect:bottom" title="This is a caption for the third image." data-lightbox="group:27-52a49e581c4a0" href="/k2/images/yootheme/widgetkit/gallery/slider2/image3.jpg" style="width: 300px; position: relative; overflow: hidden;">';
echo '<div style="height: 200px; width: 300px;">'; echo '</div>';
echo '<div class="overlay" style="position: absolute; visibility: visible; display: block; width: 300px; height: auto; left: 0px; bottom: -40px;">';
echo '<div>';
//This is a caption for the third image.
echo '</div>';
echo '</div>';
echo '</a>';
echo '</li>';
echo '<li style="background: url("/k2/cache/widgetkit/gallery/27/image4-2dde70cd71.jpg") no-repeat scroll 50% 0px transparent; width: 147px; margin-right: 3px; overflow: hidden;">';
echo '<a class="spotlight" data-spotlight="effect:bottom" title="This is a caption for the fourth image." data-lightbox="group:27-52a49e581c4a0" href="/k2/images/yootheme/widgetkit/gallery/slider2/image4.jpg" style="width: 300px; position: relative; overflow: hidden;">';
echo '<div style="height: 200px; width: 300px;">'; echo '</div>';
echo '<div class="overlay" style="position: absolute; visibility: hidden; display: block;">';
echo '<div>';
echo '<script type="text/javascript">';
'<jQuery(function($){ $.widgetkit.lazyloaders["gallery-slider"]($("#gallery-slider-27-52a49e581c4a0"), {"style":"slider","width":300,"height":200,"total_width":600,"spacing":3,"center":1,"sticky":0,"duration":400,"lightbox":1,"lightbox_caption":1,"spotlight":1,"spotlight_effect":"bottom"});
})>';
echo '</script>';
//This is a caption for the fourth image.
echo '</div>';
echo '</div>';
echo '</a>';
echo '</li>';
echo '</ul>';
echo '</div>';
08.05.2024, 13:31:09