https://kulturportali.gov.tr/js/page/moduller/yakinyerler.js?v=20220301-1234

1/*
2 * GezilecekYerler detay sayfası - Yakın Yerler scriptleri
3 */
4
5$("document").ready(function () {
6
7    fnYakinYerlerGetir();
8
9});
10
11
12function fnYakinYerlerGetir() {
13
14    function fnGetItemTemplate(strImg, strLink, strTitle) {
15        var tempItem = "<article class=\"portfolio-item\">" +
16            "<div class=\"portfolio-image\">" +
17            "    <a href=\"javascript:void(0);\"><img src=\"" + strImg + "\" alt=\"" + strTitle + "\" /></a>" +
18            "   <div class=\"portfolio-overlay\">" +
19            "       <a href=\"" + strLink + "\" title=\"" + strTitle + "\" class=\"center-icon\" target=\"_blank\"><i class=\"icon-line-search\"></i></a>" +
20            "   </div>" +
21            "</div>" +
22            "<div class=\"portfolio-desc\"><h6>" + strTitle + "</h6></div>" +
23            "</article>";
24        return tempItem;
25    }
26
27    var kayitId = $("#hdnTesto").val();
28    var $placeholders = $("#descriptionDiv .yakinyerler");
29
30    $placeholders.each(function (index, placeholder) {
31        var $placeholder = $(placeholder);
32
33        var outerNew = "<div class=\"relatedcontent\" data-for=\"" + kayitId + "\">" +
34            "   <div class=\"rc-title\"><h4><span>YAKINDAKÄ° GEZÄ°LECEK YERLER</span></h4></div>" +
35            "   <div class=\"rc-inner row\"><div id=\"ocportfolio1\" class=\"ocContainer owl-carousel\">{innerItems}</div></div><!--/.rc-inner-->" +
36            "</div>";
37
38        var rcItems = "";
39
40        $.ajax({

41            type: "POST",
42            url: '/Data/NearbyPlaces.ashx' + "?id=" + kayitId,
43            contentType: "application/json; charset=utf-8",
44            dataType: "json",
45            success: function (msg) {
46                console.log(msg);
47                if (msg.Status === "success") {
48                    for (var i = 0; i < msg.data.length; i++) {
49                        rcItems += fnGetItemTemplate(msg.data[i].ImageUrl, msg.data[i].Url, msg.data[i].Title);
50                    }
51
52                    outerNew = outerNew.replace("{innerItems}", rcItems);
53
54                    $placeholder.html(outerNew).show();
55
56                    //  Sonuncuyu dönüyorsa Carousel init
57                    if (index === $placeholders.length - 1) {
58                        var ocPortfolio = $(".ocContainer");
59                        var numItems = 4;
60                        ocPortfolio.owlCarousel({
61                            margin: 20,
62                            nav: numItems > 4 ? true : false,
63                            navText: ['<i class="icon-angle-left"></i>', '<i class="icon-angle-right"></i>'],
64                            autoplay: false,
65                            autoplayHoverPause: true,
66                            dots: false,
67                            responsive: {
68                                //0: { items: 1 },
69                                600: { items: 1 },
70                                768: { items: 3 },
71                                1200: { items: 4 }
72                            }
73                        });
74                    }
75
76                } else {
77                    $placeholder.hide();
78                }
79            },
80            error: function (xhr, ajaxOptions, thrownError) {
81                console.log(xhr.status);
82                console.log(thrownError);
83                $placeholder.hide();
84            }
85        });
86    });
87
88}