{"id":9362,"date":"2019-02-25T06:00:11","date_gmt":"2019-02-25T04:00:11","guid":{"rendered":"https:\/\/www.tomislavstankovic.com\/blog\/?p=9362"},"modified":"2019-02-24T22:35:15","modified_gmt":"2019-02-24T20:35:15","slug":"ionic4-slides-galerija","status":"publish","type":"post","link":"https:\/\/www.tomislavstankovic.com\/blog\/ionic4-slides-galerija\/","title":{"rendered":"Ionic 4 Slides – prikaz galerije slika"},"content":{"rendered":"

O ovom \u0107u blog postu pokazati nekoliko na\u010dina na koje je mogu\u0107e koristiti ion-slides<\/a><\/strong><\/em> komponentu unutar Ionic 4<\/a><\/em> aplikacije.<\/p>\n

ion-slides<\/em> komponenta sastoji se od vi\u0161e zasebnih dijelova. Svaki od tih dijelova je zapravo jedna ion-slide<\/a><\/em> komponenta.<\/p>\n

\"Ionic<\/a>
https:\/\/ionicframework.com\/docs\/api\/slides<\/figcaption><\/figure>\n

Ova se komponenta mo\u017ee koristiti za prikaz uputa prilikom prvog pokretanja mobilne aplikacije<\/strong>, primjer \u010dega se nalazi u dokumentaciji, ali se isto tako pomo\u0107u ove komponente mo\u017ee napraviti lijepa galerija slika<\/strong>. Slike se mogu pomicati lijevo-desno, ali ih je isto tako mogu\u0107e postaviti da se pomi\u010du automatski u odre\u0111enim intervalima.<\/p>\n

S obzirom da ion-slides<\/em> svoje temelje ima u Swiper.js<\/em>-u i ondje je mogu\u0107e prona\u0107i dodatne opcije za upravljanje slajdovima<\/a>.<\/p>\n

Kreiranje aplikacije<\/h2>\n
$ ionic start IonicSlidesGallery blank\r\n$ cd IonicSlidesGaller\r\n$ionic serve<\/pre>\n
Struktura ekrana na kojemu \u0107u testirati ion-slides<\/em> izgleda ovako:<\/p>\n
<ion-header text-center>\r\n  <ion-toolbar color=\"primary\">\r\n    <ion-title>\r\n      Ionic 4 Slides\r\n    <\/ion-title>\r\n  <\/ion-toolbar>\r\n<\/ion-header>\r\n\r\n<ion-content>\r\n  \/\/ion-slides \u0107e i\u0107i ovdje\r\n<\/ion-content><\/pre>\n
Slike se nalaze unutar assets\/imgs<\/em> mape. <\/p>\n
\"Ionic<\/a><\/p>\n
import { Component } from '@angular\/core';\r\n\r\n@Component({\r\n  selector: 'app-home',\r\n  templateUrl: 'home.page.html',\r\n  styleUrls: ['home.page.scss'],\r\n})\r\nexport class HomePage {\r\n\r\n  imageContainer = [\r\n    {url:\"assets\/imgs\/image1.jpg\"},\r\n    {url:\"assets\/imgs\/image2.jpg\"},\r\n    {url:\"assets\/imgs\/image3.jpg\"},\r\n    {url:\"assets\/imgs\/image4.jpg\"} ];\r\n \r\n  slideOpts = {\r\n    \/\/\r\n  };\r\n\r\n  constructor(){\r\n  }\r\n\r\n}<\/pre>\n
Galerija preko cijelog ekrana<\/h2>\n
\"Galerija<\/a><\/p>\n
U ovom primjeru slike zauzimaju cijeli ekran. Dolaskom do zadnje slike nije mogu\u0107e i\u0107i dalje loop: ‘false’<\/span>. <\/p>\n
<ion-header text-center>\r\n  <ion-toolbar color=\"primary\">\r\n    <ion-title>\r\n      Ionic 4 Slides\r\n    <\/ion-title>\r\n  <\/ion-toolbar>\r\n<\/ion-header>\r\n\r\n<ion-content>\r\n  <ion-slides pager=\"true\" scrollbar=\"false\" [options]=\"slideOpts\" style=\"object-fit:cover;height:100%;background-color:#000;\">\r\n    <ion-slide *ngFor=\"let image of imageContainer; let i = index\">\r\n      <img src=\"{{image.url}}\">\r\n    <\/ion-slide>\r\n  <\/ion-slides>\r\n<\/ion-content><\/pre>\n
Galerija preko jednog dijela ekrana<\/h2>\n
\"Galerija<\/a><\/p>\n
U ovom primjeru galerija slika zauzima samo jedan dio ekrana ispod koje se onda vidi ostatak sadr\u017eaja. Dolaskom do zadnje slike mogu\u0107e je i\u0107i dalje tj. napraviti puni krug do prve slike pomo\u0107u loop: ‘true’<\/span>. <\/p>\n
<ion-header text-center>\r\n  <ion-toolbar color=\"primary\">\r\n    <ion-title>\r\n      Ionic 4 Slides\r\n    <\/ion-title>\r\n  <\/ion-toolbar>\r\n<\/ion-header>\r\n\r\n<ion-content>\r\n  <ion-slides pager=\"true\" [options]=\"slideOpts\" scrollbar=\"false\" style=\"background-size:cover;height:58%;background-color:#000;\">\r\n    <ion-slide *ngFor=\"let image of imageContainer; let i = index\">\r\n      <img src=\"{{image.url}}\">\r\n    <\/ion-slide>\r\n  <\/ion-slides>\r\n  <ion-card>\r\n    <ion-card-header>\r\n      <ion-card-subtitle>Ionic 4 Slides<\/ion-card-subtitle>\r\n      <ion-card-title>Primjer galerije slika<\/ion-card-title>\r\n    <\/ion-card-header>\r\n    <ion-card-content>\r\n      <p>O ovom \u0107u blog postu pokazati nekoliko na\u010dina na koje je mogu\u0107e koristiti ion-slides komponentu unutar Ionic 4 aplikacije.<\/p>\r\n      <p>ion-slides komponenta sastoji od vi\u0161e zasebnih dijelova. Svaki od tih dijelova je zapravo jedna ion-slide komponenta.<\/p>\r\n    <\/ion-card-content>\r\n  <\/ion-card>\r\n<\/ion-content><\/pre>\n
Zaklju\u010dak<\/h2>\n
Struktura projekta prema package.json<\/em><\/p>\n
{\r\n  \"name\": \"IonicSlidesGallery\",\r\n  \"version\": \"0.0.1\",\r\n  \"author\": \"Tomislav Stankovi\u0107\",\r\n  \"homepage\": \"https:\/\/www.tomislavstankovic.com\/\",\r\n  \"scripts\": {\r\n    \"ng\": \"ng\",\r\n    \"start\": \"ng serve\",\r\n    \"build\": \"ng build\",\r\n    \"test\": \"ng test\",\r\n    \"lint\": \"ng lint\",\r\n    \"e2e\": \"ng e2e\"\r\n  },\r\n  \"private\": true,\r\n  \"dependencies\": {\r\n    \"@angular\/common\": \"^7.2.2\",\r\n    \"@angular\/core\": \"^7.2.2\",\r\n    \"@angular\/forms\": \"^7.2.2\",\r\n    \"@angular\/http\": \"^7.2.2\",\r\n    \"@angular\/platform-browser\": \"^7.2.2\",\r\n    \"@angular\/platform-browser-dynamic\": \"^7.2.2\",\r\n    \"@angular\/router\": \"^7.2.2\",\r\n    \"@ionic-native\/core\": \"^5.0.0\",\r\n    \"@ionic-native\/splash-screen\": \"^5.0.0\",\r\n    \"@ionic-native\/status-bar\": \"^5.0.0\",\r\n    \"@ionic\/angular\": \"^4.0.0\",\r\n    \"core-js\": \"^2.5.4\",\r\n    \"rxjs\": \"~6.3.3\",\r\n    \"zone.js\": \"~0.8.29\"\r\n  },\r\n  \"devDependencies\": {\r\n    \"@angular-devkit\/architect\": \"~0.12.3\",\r\n    \"@angular-devkit\/build-angular\": \"~0.12.3\",\r\n    \"@angular-devkit\/core\": \"~7.2.3\",\r\n    \"@angular-devkit\/schematics\": \"~7.2.3\",\r\n    \"@angular\/cli\": \"~7.2.3\",\r\n    \"@angular\/compiler\": \"~7.2.2\",\r\n    \"@angular\/compiler-cli\": \"~7.2.2\",\r\n    \"@angular\/language-service\": \"~7.2.2\",\r\n    \"@ionic\/angular-toolkit\": \"~1.4.0\",\r\n    \"@types\/node\": \"~10.12.0\",\r\n    \"@types\/jasmine\": \"~2.8.8\",\r\n    \"@types\/jasminewd2\": \"~2.0.3\",\r\n    \"codelyzer\": \"~4.5.0\",\r\n    \"jasmine-core\": \"~2.99.1\",\r\n    \"jasmine-spec-reporter\": \"~4.2.1\",\r\n    \"karma\": \"~3.1.4\",\r\n    \"karma-chrome-launcher\": \"~2.2.0\",\r\n    \"karma-coverage-istanbul-reporter\": \"~2.0.1\",\r\n    \"karma-jasmine\": \"~1.1.2\",\r\n    \"karma-jasmine-html-reporter\": \"^0.2.2\",\r\n    \"protractor\": \"~5.4.0\",\r\n    \"ts-node\": \"~8.0.0\",\r\n    \"tslint\": \"~5.12.0\",\r\n    \"typescript\": \"~3.1.6\"\r\n  },\r\n  \"description\": \"An Ionic 4 Slides project\"\r\n}<\/pre>\n","protected":false},"excerpt":{"rendered":"
O ovom \u0107u blog postu pokazati nekoliko na\u010dina na koje je mogu\u0107e koristiti ion-slides komponentu unutar Ionic 4 aplikacije. ion-slides komponenta sastoji se od vi\u0161e zasebnih dijelova. Svaki od tih dijelova je zapravo jedna ion-slide komponenta. Ova se komponenta mo\u017ee koristiti za prikaz uputa prilikom prvog pokretanja mobilne aplikacije, primjer \u010dega se nalazi u dokumentaciji, … Nastavi \u010ditati Ionic 4 Slides – prikaz galerije slika<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":9367,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[564,351],"tags":[574,529,348],"class_list":["post-9362","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile","category-razvoj","tag-ion-slides","tag-ionic-4","tag-ionic-framework"],"yoast_head":"\nIonic 4 Slides - prikaz galerije slika - Tomislav Stankovi\u0107<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.tomislavstankovic.com\/blog\/ionic4-slides-galerija\/\" \/>\n<meta property=\"og:locale\" content=\"hr_HR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ionic 4 Slides - prikaz galerije slika - Tomislav Stankovi\u0107\" \/>\n<meta property=\"og:description\" content=\"O ovom \u0107u blog postu pokazati nekoliko na\u010dina na koje je mogu\u0107e koristiti ion-slides komponentu unutar Ionic 4 aplikacije. ion-slides komponenta sastoji se od vi\u0161e zasebnih dijelova. Svaki od tih dijelova je zapravo jedna ion-slide komponenta. Ova se komponenta mo\u017ee koristiti za prikaz uputa prilikom prvog pokretanja mobilne aplikacije, primjer \u010dega se nalazi u dokumentaciji, … Nastavi \u010ditati Ionic 4 Slides – prikaz galerije slika\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.tomislavstankovic.com\/blog\/ionic4-slides-galerija\/\" \/>\n<meta property=\"og:site_name\" content=\"Tomislav Stankovi\u0107\" \/>\n<meta property=\"article:published_time\" content=\"2019-02-25T04:00:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2019\/02\/Ionic-4-Slides-min.png\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"510\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Tomislav Stankovi\u0107\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Napisao\/la\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tomislav Stankovi\u0107\" \/>\n\t<meta name=\"twitter:label2\" content=\"Procijenjeno vrijeme \u010ditanja\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic4-slides-galerija\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic4-slides-galerija\\\/\"},\"author\":{\"name\":\"Tomislav Stankovi\u0107\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\"},\"headline\":\"Ionic 4 Slides – prikaz galerije slika\",\"datePublished\":\"2019-02-25T04:00:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic4-slides-galerija\\\/\"},\"wordCount\":227,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic4-slides-galerija\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/Ionic-4-Slides-min.png\",\"keywords\":[\"ion-slides\",\"Ionic 4\",\"Ionic Framework\"],\"articleSection\":[\"Mobile\",\"Razvoj\"],\"inLanguage\":\"hr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic4-slides-galerija\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic4-slides-galerija\\\/\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic4-slides-galerija\\\/\",\"name\":\"Ionic 4 Slides - prikaz galerije slika - Tomislav Stankovi\u0107\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic4-slides-galerija\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic4-slides-galerija\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/Ionic-4-Slides-min.png\",\"datePublished\":\"2019-02-25T04:00:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic4-slides-galerija\\\/#breadcrumb\"},\"inLanguage\":\"hr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic4-slides-galerija\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"hr\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic4-slides-galerija\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/Ionic-4-Slides-min.png\",\"contentUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/Ionic-4-Slides-min.png\",\"width\":825,\"height\":510,\"caption\":\"Ionic 4 Slides \u2013 prikaz galerije slika\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic4-slides-galerija\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Po\u010detna stranica\",\"item\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ionic 4 Slides – prikaz galerije slika\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/\",\"name\":\"Tomislav Stankovi\u0107\",\"description\":\"Sam svoj bloger\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"hr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\",\"name\":\"Tomislav Stankovi\u0107\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"hr\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/cropped-TomislavStankovic.jpg\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/cropped-TomislavStankovic.jpg\",\"contentUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/cropped-TomislavStankovic.jpg\",\"width\":248,\"height\":165,\"caption\":\"Tomislav Stankovi\u0107\"},\"logo\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/cropped-TomislavStankovic.jpg\"},\"description\":\"Bloger \u0161irokog raspona interesa od kojih dio voli objaviti na ovom blogu. U neslobodno vrijeme Angular developer mobilnih i web aplikacija.\",\"sameAs\":[\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/tomislavstankovic\\\/\"],\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/author\\\/tomislavstankovic\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ionic 4 Slides - prikaz galerije slika - Tomislav Stankovi\u0107","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.tomislavstankovic.com\/blog\/ionic4-slides-galerija\/","og_locale":"hr_HR","og_type":"article","og_title":"Ionic 4 Slides - prikaz galerije slika - Tomislav Stankovi\u0107","og_description":"O ovom \u0107u blog postu pokazati nekoliko na\u010dina na koje je mogu\u0107e koristiti ion-slides komponentu unutar Ionic 4 aplikacije. ion-slides komponenta sastoji se od vi\u0161e zasebnih dijelova. Svaki od tih dijelova je zapravo jedna ion-slide komponenta. Ova se komponenta mo\u017ee koristiti za prikaz uputa prilikom prvog pokretanja mobilne aplikacije, primjer \u010dega se nalazi u dokumentaciji, … Nastavi \u010ditati Ionic 4 Slides – prikaz galerije slika","og_url":"https:\/\/www.tomislavstankovic.com\/blog\/ionic4-slides-galerija\/","og_site_name":"Tomislav Stankovi\u0107","article_published_time":"2019-02-25T04:00:11+00:00","og_image":[{"width":825,"height":510,"url":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2019\/02\/Ionic-4-Slides-min.png","type":"image\/png"}],"author":"Tomislav Stankovi\u0107","twitter_card":"summary_large_image","twitter_misc":{"Napisao\/la":"Tomislav Stankovi\u0107","Procijenjeno vrijeme \u010ditanja":"3 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic4-slides-galerija\/#article","isPartOf":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic4-slides-galerija\/"},"author":{"name":"Tomislav Stankovi\u0107","@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d"},"headline":"Ionic 4 Slides – prikaz galerije slika","datePublished":"2019-02-25T04:00:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic4-slides-galerija\/"},"wordCount":227,"commentCount":0,"publisher":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d"},"image":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic4-slides-galerija\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2019\/02\/Ionic-4-Slides-min.png","keywords":["ion-slides","Ionic 4","Ionic Framework"],"articleSection":["Mobile","Razvoj"],"inLanguage":"hr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.tomislavstankovic.com\/blog\/ionic4-slides-galerija\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic4-slides-galerija\/","url":"https:\/\/www.tomislavstankovic.com\/blog\/ionic4-slides-galerija\/","name":"Ionic 4 Slides - prikaz galerije slika - Tomislav Stankovi\u0107","isPartOf":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic4-slides-galerija\/#primaryimage"},"image":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic4-slides-galerija\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2019\/02\/Ionic-4-Slides-min.png","datePublished":"2019-02-25T04:00:11+00:00","breadcrumb":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic4-slides-galerija\/#breadcrumb"},"inLanguage":"hr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.tomislavstankovic.com\/blog\/ionic4-slides-galerija\/"]}]},{"@type":"ImageObject","inLanguage":"hr","@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic4-slides-galerija\/#primaryimage","url":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2019\/02\/Ionic-4-Slides-min.png","contentUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2019\/02\/Ionic-4-Slides-min.png","width":825,"height":510,"caption":"Ionic 4 Slides \u2013 prikaz galerije slika"},{"@type":"BreadcrumbList","@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic4-slides-galerija\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Po\u010detna stranica","item":"https:\/\/www.tomislavstankovic.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Ionic 4 Slides – prikaz galerije slika"}]},{"@type":"WebSite","@id":"https:\/\/www.tomislavstankovic.com\/blog\/#website","url":"https:\/\/www.tomislavstankovic.com\/blog\/","name":"Tomislav Stankovi\u0107","description":"Sam svoj bloger","publisher":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.tomislavstankovic.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"hr"},{"@type":["Person","Organization"],"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d","name":"Tomislav Stankovi\u0107","image":{"@type":"ImageObject","inLanguage":"hr","@id":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2019\/10\/cropped-TomislavStankovic.jpg","url":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2019\/10\/cropped-TomislavStankovic.jpg","contentUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2019\/10\/cropped-TomislavStankovic.jpg","width":248,"height":165,"caption":"Tomislav Stankovi\u0107"},"logo":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2019\/10\/cropped-TomislavStankovic.jpg"},"description":"Bloger \u0161irokog raspona interesa od kojih dio voli objaviti na ovom blogu. U neslobodno vrijeme Angular developer mobilnih i web aplikacija.","sameAs":["https:\/\/www.tomislavstankovic.com\/blog\/","https:\/\/www.linkedin.com\/in\/tomislavstankovic\/"],"url":"https:\/\/www.tomislavstankovic.com\/blog\/author\/tomislavstankovic\/"}]}},"_links":{"self":[{"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts\/9362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/comments?post=9362"}],"version-history":[{"count":33,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts\/9362\/revisions"}],"predecessor-version":[{"id":9400,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts\/9362\/revisions\/9400"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/media\/9367"}],"wp:attachment":[{"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/media?parent=9362"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/categories?post=9362"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/tags?post=9362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}