{"id":13318,"date":"2022-10-03T18:11:30","date_gmt":"2022-10-03T12:41:30","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-i-want-a-sample-for-slider-example-using-ratchet-slider-js-and-phonegap-android\/"},"modified":"2022-10-03T18:11:30","modified_gmt":"2022-10-03T12:41:30","slug":"solved-i-want-a-sample-for-slider-example-using-ratchet-slider-js-and-phonegap-android","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-i-want-a-sample-for-slider-example-using-ratchet-slider-js-and-phonegap-android\/","title":{"rendered":"[Solved] i want a sample for slider example using ratchet slider.js and phonegap android"},"content":{"rendered":"<p> [ad_1]<br \/>\n<\/p>\n<div id=\"answer-28249361\" class=\"answer js-answer accepted-answer js-accepted-answer\" data-answerid=\"28249361\" data-parentid=\"28249306\" data-score=\"-1\" data-position-on-page=\"1\" data-highest-scored=\"1\" data-question-has-accepted-highest-score=\"1\" itemprop=\"acceptedAnswer\" itemscope itemtype=\"https:\/\/schema.org\/Answer\">\n<div class=\"post-layout\">\n<div class=\"votecell post-layout--left\"><\/div>\n<div class=\"answercell post-layout--right\">\n<div class=\"s-prose js-post-body\" itemprop=\"text\">\n<p>This worked for me perfectly, as available on the website.<\/p>\n<p>Is this what you want ?<\/p>\n<p>If this is what you need, then simply copy <code>ratchet.js<\/code> and <code>ratchet.css<\/code>in your <code>www<\/code> folder and then, link it accordingly in your html. You can get hint from below sample. Dont forget to have some images in your project.<\/p>\n<pre><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n    &lt;head&gt;\n        &lt;meta charset=\"utf-8\"&gt;\n        &lt;title&gt;Ratchet template page&lt;\/title&gt;\n\n        &lt;!-- Sets initial viewport load and disables zooming  --&gt;\n        &lt;meta name=\"viewport\" content=\"initial-scale=1, maximum-scale=1\"&gt;\n\n        &lt;!-- Makes your prototype chrome-less once bookmarked to your phone's home screen --&gt;\n        &lt;meta name=\"apple-mobile-web-app-capable\" content=\"yes\"&gt;\n        &lt;meta name=\"apple-mobile-web-app-status-bar-style\" content=\"black\"&gt;\n\n        &lt;!-- Include the compiled Ratchet CSS --&gt;\n        &lt;link href=\"https:\/\/stackoverflow.com\/questions\/28249306\/css\/ratchet.css\" rel=\"stylesheet\"&gt;\n\n        &lt;!-- Include the compiled Ratchet JS --&gt;\n        &lt;script src=\"..\/js\/ratchet.js\"&gt;&lt;\/script&gt;\n    &lt;\/head&gt;\n    &lt;body&gt;\n\n        &lt;!-- Make sure all your bars are the first things in your &lt;body&gt; --&gt;\n        &lt;header class=\"bar bar-nav\"&gt;\n            &lt;h1 class=\"title\"&gt;Ads&lt;\/h1&gt;\n        &lt;\/header&gt;\n\n        &lt;!-- Wrap all non-bar HTML in the .content div (this is actually what scrolls) --&gt;\n        &lt;div class=\"content\"&gt;\n            &lt;div class=\"slider\" id=\"mySlider\"&gt;\n                &lt;div class=\"slide-group\"&gt;\n                    &lt;div class=\"slide\"&gt;\n                        &lt;img src=\"..\/img\/Black-Android-Logo-Wallpaper.png\"&gt;\n                    &lt;\/div&gt;\n                    &lt;div class=\"slide\"&gt;\n                        &lt;img src=\"..\/img\/Popeye-advertisement-artwork-inspirational--1545575-320x480.jpg\"&gt;\n                    &lt;\/div&gt;\n                    &lt;div class=\"slide\"&gt;\n                        &lt;img src=\"..\/img\/Black-Android-Logo-Wallpaper.png\"&gt;\n                    &lt;\/div&gt;\n                    &lt;div class=\"slide\"&gt;\n                        &lt;img src=\"..\/img\/Popeye-advertisement-artwork-inspirational--1545575-320x480.jpg\"&gt;\n                    &lt;\/div&gt;\n                    &lt;div class=\"slide\"&gt;\n                        &lt;img src=\"..\/img\/Black-Android-Logo-Wallpaper.png\"&gt;\n                    &lt;\/div&gt;\n                    &lt;div class=\"slide\"&gt;\n                        &lt;img src=\"..\/img\/Popeye-advertisement-artwork-inspirational--1545575-320x480.jpg\"&gt;\n                    &lt;\/div&gt;\n                &lt;\/div&gt;\n            &lt;\/div&gt;\n\n            &lt;!-- Icons in standard bar fixed to the bottom of the screen --&gt;\n            &lt;div class=\"bar bar-standard bar-footer\"&gt;\n                &lt;a href=\"dashboard.html\" class=\"icon pull-right\"&gt;&lt;span class=\"badge badge-primary\"&gt;Skip&lt;\/span&gt;&lt;\/a&gt;\n            &lt;\/div&gt;\n        &lt;\/div&gt;\n    &lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n<\/p><\/div>\n<div class=\"mt24\"><\/div>\n<\/div>\n<p>            <span class=\"d-none\" itemprop=\"commentCount\">4<\/span> <\/p><\/div>\n<\/div>\n<p>[ad_2]<\/p>\n<p>solved i want a sample for slider example using ratchet slider.js and phonegap android <\/p>\n","protected":false},"excerpt":{"rendered":"<p>[ad_1] This worked for me perfectly, as available on the website. Is this what you want ? If this is what you need, then simply copy ratchet.js and ratchet.cssin your www folder and then, link it accordingly in your html. You can get hint from below sample. Dont forget to have some images in your &#8230; <a title=\"[Solved] i want a sample for slider example using ratchet slider.js and phonegap android\" class=\"read-more\" href=\"https:\/\/jassweb.com\/solved\/solved-i-want-a-sample-for-slider-example-using-ratchet-slider-js-and-phonegap-android\/\" aria-label=\"More on [Solved] i want a sample for slider example using ratchet slider.js and phonegap android\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[452,952,3561],"class_list":["post-13318","post","type-post","status-publish","format-standard","hentry","category-solved","tag-android","tag-cordova","tag-ratchet-2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>[Solved] i want a sample for slider example using ratchet slider.js and phonegap android - JassWeb<\/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:\/\/jassweb.com\/solved\/solved-i-want-a-sample-for-slider-example-using-ratchet-slider-js-and-phonegap-android\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] i want a sample for slider example using ratchet slider.js and phonegap android - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] This worked for me perfectly, as available on the website. Is this what you want ? If this is what you need, then simply copy ratchet.js and ratchet.cssin your www folder and then, link it accordingly in your html. You can get hint from below sample. Dont forget to have some images in your ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-i-want-a-sample-for-slider-example-using-ratchet-slider-js-and-phonegap-android\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-03T12:41:30+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-i-want-a-sample-for-slider-example-using-ratchet-slider-js-and-phonegap-android\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-i-want-a-sample-for-slider-example-using-ratchet-slider-js-and-phonegap-android\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] i want a sample for slider example using ratchet slider.js and phonegap android\",\"datePublished\":\"2022-10-03T12:41:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-i-want-a-sample-for-slider-example-using-ratchet-slider-js-and-phonegap-android\/\"},\"wordCount\":84,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"android\",\"cordova\",\"ratchet-2\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-i-want-a-sample-for-slider-example-using-ratchet-slider-js-and-phonegap-android\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-i-want-a-sample-for-slider-example-using-ratchet-slider-js-and-phonegap-android\/\",\"name\":\"[Solved] i want a sample for slider example using ratchet slider.js and phonegap android - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2022-10-03T12:41:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-i-want-a-sample-for-slider-example-using-ratchet-slider-js-and-phonegap-android\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-i-want-a-sample-for-slider-example-using-ratchet-slider-js-and-phonegap-android\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-i-want-a-sample-for-slider-example-using-ratchet-slider-js-and-phonegap-android\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] i want a sample for slider example using ratchet slider.js and phonegap android\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] i want a sample for slider example using ratchet slider.js and phonegap android - JassWeb","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:\/\/jassweb.com\/solved\/solved-i-want-a-sample-for-slider-example-using-ratchet-slider-js-and-phonegap-android\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] i want a sample for slider example using ratchet slider.js and phonegap android - JassWeb","og_description":"[ad_1] This worked for me perfectly, as available on the website. Is this what you want ? If this is what you need, then simply copy ratchet.js and ratchet.cssin your www folder and then, link it accordingly in your html. You can get hint from below sample. Dont forget to have some images in your ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-i-want-a-sample-for-slider-example-using-ratchet-slider-js-and-phonegap-android\/","og_site_name":"JassWeb","article_published_time":"2022-10-03T12:41:30+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-i-want-a-sample-for-slider-example-using-ratchet-slider-js-and-phonegap-android\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-i-want-a-sample-for-slider-example-using-ratchet-slider-js-and-phonegap-android\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] i want a sample for slider example using ratchet slider.js and phonegap android","datePublished":"2022-10-03T12:41:30+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-i-want-a-sample-for-slider-example-using-ratchet-slider-js-and-phonegap-android\/"},"wordCount":84,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["android","cordova","ratchet-2"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-i-want-a-sample-for-slider-example-using-ratchet-slider-js-and-phonegap-android\/","url":"https:\/\/jassweb.com\/solved\/solved-i-want-a-sample-for-slider-example-using-ratchet-slider-js-and-phonegap-android\/","name":"[Solved] i want a sample for slider example using ratchet slider.js and phonegap android - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-10-03T12:41:30+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-i-want-a-sample-for-slider-example-using-ratchet-slider-js-and-phonegap-android\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-i-want-a-sample-for-slider-example-using-ratchet-slider-js-and-phonegap-android\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-i-want-a-sample-for-slider-example-using-ratchet-slider-js-and-phonegap-android\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] i want a sample for slider example using ratchet slider.js and phonegap android"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/13318","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=13318"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/13318\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=13318"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=13318"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=13318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}