{"id":988,"date":"2021-01-28T07:25:27","date_gmt":"2021-01-28T07:25:27","guid":{"rendered":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/?page_id=988"},"modified":"2021-07-06T08:37:59","modified_gmt":"2021-07-06T08:37:59","slug":"top-10-cryptocurrency-slider","status":"publish","type":"page","link":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/top-10-cryptocurrency-slider\/","title":{"rendered":"Top 10 Cryptocurrency Slider"},"content":{"rendered":"<p>[vc_row][vc_column][vc_column_text]<\/p>\n<h4 style=\"text-align: center;\"><span style=\"color: #999999;\"><strong>Slider by Layout 17<\/strong><\/span><\/h4>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<h2 class=\"has-text-align-center wp-block-heading\">\r\n<div class=\"sf-17-main-container-122\">\r\n\t<div class=\"sf-17-viewport-122\">\r\n\t\t<a href=\"#\" id=\"sf-17-prev-122\" title=\"go to the next slide\"><\/a>\r\n\t\t<a href=\"#\" id=\"sf-17-next-122\" title=\"go to the next slide\"><\/a>\r\n\t\t<div id=\"box-122\" class=\"sf-17-slides-box-122\">\r\n\t\t\t\t\t\t\t\t<div class=\"sf-17-container-slide-122\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/06\/Graphic-Design.png\">\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-container-slide-122\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/06\/img_100419_bitcoin.jpg\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-descdiv-122\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-title-122\">\r\n\t\t\t\t\t\t\t\tBitcoin\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-desc-122\">\r\n\t\t\t\t\t\t\t\tBitcoin uses peer-to-peer technology to operate with no central authority or banks; managing transactions and the issuing of bitcoins is carried out collectively by the network. Bitcoin is open-source; its design is public, nobody owns or controls Bitcoin and everyone can take part. Through many of its unique properties, Bitcoin allows exciting uses that could not be covered by any previous payment system.\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/coinmarketcap.com\/currencies\/bitcoin\/\" target=\"_blank\">\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"sf-17-slide-button-1-122\">\r\n\t\t\t\t\t\t\t\thttp:\/\/Explore\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-container-slide-122\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/06\/pexels-photo-8175569.jpeg\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-descdiv-122\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-title-122\">\r\n\t\t\t\t\t\t\t\tEthereum\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-desc-122\">\r\n\t\t\t\t\t\t\t\tEthereum is a technology that&#039;s home to digital money, global payments, and applications. The community has built a booming digital economy, bold new ways for creators to earn online, and so much more. It&#039;s open to everyone, wherever you are in the world \u2013 all you need is the internet.\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/coinmarketcap.com\/currencies\/ethereum\/\" target=\"_blank\">\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"sf-17-slide-button-1-122\">\r\n\t\t\t\t\t\t\t\thttp:\/\/Explore\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-container-slide-122\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/06\/shutterstock_1123812992-e1568804408947.jpg\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-descdiv-122\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-title-122\">\r\n\t\t\t\t\t\t\t\tBinance Coin\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-desc-122\">\r\n\t\t\t\t\t\t\t\tBinance Coin, denoted by BNB, is a native coin of the Binance cryptocurrency exchange that has been built on the Ethereum blockchain using the ERC20 token standard. Binance will issue a maximum of 200 million BNB tokens.\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/coinmarketcap.com\/currencies\/binance-coin\/\" target=\"_blank\">\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"sf-17-slide-button-1-122\">\r\n\t\t\t\t\t\t\t\thttp:\/\/Explore\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-container-slide-122\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/06\/Tether-motherboard-770x433-1.jpg\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-descdiv-122\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-title-122\">\r\n\t\t\t\t\t\t\t\tTether\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-desc-122\">\r\n\t\t\t\t\t\t\t\tThe Tether cryptocurrency (USDT) is supposedly tied to the US dollar at a 1:1 ratio, meaning that it should be traded at the stable rate of 1 tether coin for 1 US dollar. Singular units of the cryptocurrency are called \u201ctethers\u201d or \u201ctether coins.\u201d It is described as being fully backed by the real-world reserves of the US dollar.\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/coinmarketcap.com\/currencies\/tether\/\" target=\"_blank\">\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"sf-17-slide-button-1-122\">\r\n\t\t\t\t\t\t\t\thttp:\/\/Explore\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-container-slide-122\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/06\/cardano.jpg\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-descdiv-122\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-title-122\">\r\n\t\t\t\t\t\t\t\tCardano\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-desc-122\">\r\n\t\t\t\t\t\t\t\tCardano (ADA) is a blockchain platform built on a proof-of-stake consensus protocol (called Ouroboros) that validates transactions without high energy costs. Development on Cardano uses the Haskell programming language, which is described as enabling Cardano \u201cto pursue evidence-based development for unparalleled security and stability.&quot;\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/coinmarketcap.com\/currencies\/cardano\/\" target=\"_blank\">\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"sf-17-slide-button-1-122\">\r\n\t\t\t\t\t\t\t\thttp:\/\/Explore\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-container-slide-122\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/06\/dogecoin-price-predictions-900x570-1.jpeg\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-descdiv-122\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-title-122\">\r\n\t\t\t\t\t\t\t\tDogecoin\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-desc-122\">\r\n\t\t\t\t\t\t\t\tDogecoin is a cryptocurrency created by software engineers Billy Markus and Jackson Palmer, who decided to create a payment system as a joke, making fun of the wild speculation in cryptocurrencies at the time. Despite its satirical nature, some consider it a legitimate investment prospect. Dogecoin features the face of the Shiba Inu dog from the &quot;Doge&quot; meme as its logo and namesake. \t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/coinmarketcap.com\/currencies\/dogecoin\/\" target=\"_blank\">\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"sf-17-slide-button-1-122\">\r\n\t\t\t\t\t\t\t\thttp:\/\/Explore\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-container-slide-122\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/06\/Screen-Shot-2018-11-19-at-12.14.50-PM-1200x820-1.png\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-descdiv-122\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-title-122\">\r\n\t\t\t\t\t\t\t\tRipple ( XRP )\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-desc-122\">\r\n\t\t\t\t\t\t\t\tXRP was created by Ripple to be a speedy, less costly and more scalable alternative to both other digital assets and existing monetary payment platforms like SWIFT. RippleNet\u2019s ledger is maintained by the global XRP Community, with Ripple the company as an active member.\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/coinmarketcap.com\/currencies\/xrp\/\" target=\"_blank\">\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"sf-17-slide-button-1-122\">\r\n\t\t\t\t\t\t\t\thttp:\/\/Explore\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-container-slide-122\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/06\/Untitled-design.jpg\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-descdiv-122\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-title-122\">\r\n\t\t\t\t\t\t\t\tPolkadot Coin\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-desc-122\">\r\n\t\t\t\t\t\t\t\tOsprey Funds launches a Polkadot trust with Coinbase serving as custodian Crypto asset manager Osprey Funds has launched a Polkadot trust that would invest exclusively in DOT, the native token of Polkadot. The post Osprey Funds launches a Polkadot trust with Coinbase serving as custodian appeared first on The Block.\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/coinmarketcap.com\/currencies\/polkadot-new\/\" target=\"_blank\">\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"sf-17-slide-button-1-122\">\r\n\t\t\t\t\t\t\t\thttp:\/\/Explore\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-container-slide-122\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/06\/digital-dollar-sign-surrounded-by-binary-code-cryptocurrency-digital-virtual-currency-bitcoin-blockchain-Custom.jpg\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-descdiv-122\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-title-122\">\r\n\t\t\t\t\t\t\t\tUSD Coin\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-desc-122\">\r\n\t\t\t\t\t\t\t\tUSD Coin (known by its ticker USDC) is a stablecoin that is pegged to the U.S. dollar on a 1:1 basis. Every unit of this cryptocurrency in circulation is backed up by $1 that is held in reserve, in a mix of cash and short-term U.S. Treasury bonds.\r\n\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/coinmarketcap.com\/currencies\/usd-coin\/\" target=\"_blank\">\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"sf-17-slide-button-1-122\">\r\n\t\t\t\t\t\t\t\thttp:\/\/Explore\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-container-slide-122\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/06\/uzP2SShVs9-1-1132x670-1.jpg\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-descdiv-122\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-title-122\">\r\n\t\t\t\t\t\t\t\tUniswap\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-17-desc-122\">\r\n\t\t\t\t\t\t\t\tThe Uniswap protocol empowers developers, liquidity providers and traders to participate in a financial marketplace that is open and accessible to all. A suite of tools for a tokenized world. We build state of the art open source apps to access the Uniswap protocol and contribute to the world of decentralized finance.\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/coinmarketcap.com\/currencies\/uniswap\/\" target=\"_blank\">\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"sf-17-slide-button-1-122\">\r\n\t\t\t\t\t\t\t\thttp:\/\/Explore\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t<\/div> \r\n\t<div id=\"sf-17-time-indicator-122\"><\/div>\r\n\t<nav class=\"slider-controls-122\">\r\n\t\t<ul id=\"sf-17-controls-122\">\r\n\t\t\t\t\t\t\t<li><a class=\"sf-17-goto-slide-122 current\t\t\t\t\" href=\"#\" data-slideindex=\"0\"><\/a><\/li>\r\n\t\t\t\t\t\t\t\t\t<li><a class=\"sf-17-goto-slide-122 \t\t\t\t\" href=\"#\" data-slideindex=\"1\"><\/a><\/li>\r\n\t\t\t\t\t\t\t\t\t<li><a class=\"sf-17-goto-slide-122 \t\t\t\t\" href=\"#\" data-slideindex=\"2\"><\/a><\/li>\r\n\t\t\t\t\t\t\t\t\t<li><a class=\"sf-17-goto-slide-122 \t\t\t\t\" href=\"#\" data-slideindex=\"3\"><\/a><\/li>\r\n\t\t\t\t\t\t\t\t\t<li><a class=\"sf-17-goto-slide-122 \t\t\t\t\" href=\"#\" data-slideindex=\"4\"><\/a><\/li>\r\n\t\t\t\t\t\t\t\t\t<li><a class=\"sf-17-goto-slide-122 \t\t\t\t\" href=\"#\" data-slideindex=\"5\"><\/a><\/li>\r\n\t\t\t\t\t\t\t\t\t<li><a class=\"sf-17-goto-slide-122 \t\t\t\t\" href=\"#\" data-slideindex=\"6\"><\/a><\/li>\r\n\t\t\t\t\t\t\t\t\t<li><a class=\"sf-17-goto-slide-122 \t\t\t\t\" href=\"#\" data-slideindex=\"7\"><\/a><\/li>\r\n\t\t\t\t\t\t\t\t\t<li><a class=\"sf-17-goto-slide-122 \t\t\t\t\" href=\"#\" data-slideindex=\"8\"><\/a><\/li>\r\n\t\t\t\t\t\t\t\t\t<li><a class=\"sf-17-goto-slide-122 \t\t\t\t\" href=\"#\" data-slideindex=\"9\"><\/a><\/li>\r\n\t\t\t\t\t\t\t\t\t<li><a class=\"sf-17-goto-slide-122 \t\t\t\t\" href=\"#\" data-slideindex=\"10\"><\/a><\/li>\r\n\t\t\t\t\t\t\t<\/ul>\r\n\t<\/nav>\r\n<\/div>\r\n<script>\r\n\r\n\tjQuery(document).ready(function () {\r\n\t\tvar $box = jQuery('#box-122'),\r\n\t\t$indicators = jQuery('.sf-17-goto-slide-122'),\r\n\t\t$timeIndicator = jQuery('#sf-17-time-indicator-122'),\r\n\t\tslideInterval = 5000; \/\/ Time interval between Slides. \r\n\r\n\t\tvar switchIndicator = function ($c, $n, currIndex, nextIndex) {\r\n\t\t\t$timeIndicator.stop().css('width', 0);\r\n\t\t\t$indicators.removeClass('current').eq(nextIndex).addClass('current');\r\n\t\t};\r\n\r\n\t\tvar startTimeIndicator = function () {\r\n\t\t\t$timeIndicator.animate({width: '100%'}, slideInterval);\r\n\t\t};\r\n\r\n\t\t\/\/ initialize the plugin with the desired settings.\r\n\t\t$box.boxSlider({\r\n\t\t\tspeed: 1000, \/\/speed of autoplay.\r\n\t\t\ttimeout: slideInterval,\r\n\t\t\tautoScroll: true,\r\n\t\t\tpauseOnHover:false,\r\n\t\t\tnext: '#sf-17-next-122', \r\n\t\t\tprev: '#sf-17-prev-122', \r\n\t\t\tpause: '#sf-17-pause',\r\n\t\t\teffect: 'scrollVert3d',\r\n\t\t\tblindCount: 15, \/\/\r\n\t\t\tonbefore: switchIndicator,\r\n\t\t\tonafter: startTimeIndicator\r\n\t\t});\r\n\r\n\t\tstartTimeIndicator();\r\n\r\n\t\t\/\/ pagination isn't built in simply because it's easy to.\r\n\t\t\/\/ roll your own with the plugin API methods.\r\n\t\tjQuery('#sf-17-controls-122').on('click', '.sf-17-goto-slide-122', function (ev) {\r\n\t\t\t$box.boxSlider('showSlide', jQuery(this).data('slideindex'));\r\n\t\t\tev.preventDefault();\r\n\t\t});\r\n\t});\r\n<\/script>\r\n<style>\r\n.sf-17-main-container-122 {\r\n\twidth:100%;\r\n\theight:750px;\r\n\tmargin: 0 auto;\r\n}\r\n.sf-17-container-slide-122 {\r\n\twidth:100%;\r\n\theight:750px;\r\n}\r\n\r\n.sf-17-container-slide-122 img {\r\n\twidth:100%;\r\n\theight:750px;\r\n}\r\n\r\n.sf-17-slides-box-122 {\r\n\twidth:100%;\r\n\theight:750px;\r\n}\r\n\r\n.sf-17-viewport-122 {\r\n\twidth:100%;\r\n\theight:750px;\r\n}\r\n\r\n.sf-17-viewport-122 {\r\n  overflow: hidden;\r\n}\r\n.sf-17-main-container-122:hover #sf-17-next-122,\r\n.sf-17-main-container-122:hover #sf-17-prev-122{\r\n\tvisibility:visible;\r\n}\r\n#sf-17-controls-122 {\r\n  position: relative;\r\n  top: -50px;\r\n  right: 5%; \r\n  float: right;\r\n  overflow: hidden;\r\n  z-index:100;\r\n}\r\n\r\n#sf-17-controls-122 li {\r\n  display: inline;\r\n}\r\n\r\n.sf-17-goto-slide-122 {\r\n  margin-left: 20px;\r\n  width: 17px;\r\n  height: 17px;\r\n  display: block;\r\n  float: left;\r\n  border: solid 2px #000;\r\n  background-color: #555;\r\n  border-radius: 8px;\r\n  -webkit-box-shadow: inset 0px 0px 8px #333;\r\n  -moz-box-shadow: inset 0px 0px 8px #333;\r\n  box-shadow: inset 0px 0px 8px #333;\r\n}\r\n\r\n.sf-17-goto-slide-122.current {\r\n  background-color: #cccc33;\r\n}\r\n\r\n#sf-17-controls-122 a:hover {\r\n  border: solid 2px #cccc33;\r\n}\r\n\r\n#sf-17-next-122, #sf-17-prev-122 {\r\n   visibility:hidden;\r\n   position: absolute;\r\n  top: 50%;\r\n  width: 30px; \r\n  height: 350px;\r\n  background: url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/plugins\/slider-factory-pro\/layouts\/assets\/17\/css\/img\/next-prev-sprite.png) no-repeat;\r\n  display: block;\r\n  -webkit-transition: background .4s;\r\n  -moz-transition: background .4s;\r\n  transition: background .4s;\r\n  z-index: 100;\r\n   transform: translateY(-50%);\r\n}\r\n\r\n#sf-17-next-122:hover, #sf-17-prev-122:hover {\r\n  background: url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/plugins\/slider-factory-pro\/layouts\/assets\/17\/css\/img\/next-prev-sprite-hover-cccc33.png) no-repeat;\r\n  border: none;\r\n}\r\n\r\n#sf-17-prev-122 {\r\n  left: 2%;\r\n}\r\n\r\n#sf-17-next-122, #sf-17-next-122:hover {\r\n  right: 2%;\r\n  background-position: -30px 0 !important;\r\n} \r\n#sf-17-time-indicator-122 {\r\n  width: 0px;\r\n  height: 5px;\r\n  background-color: #cccc33;\r\n  position: relative;\r\n  bottom: 5px;\r\n  z-index:100;\r\n}\r\n.sf-17-descdiv-122 {\r\n  position: absolute;\r\n  \/\/ opacity:0;\r\n  bottom: 7%;\r\n  color: #fff;\r\n  padding:1%;\r\n  background: rgba(0,0,0,0.5);\r\n  width: 100%;\r\n  transition:all .4s;\r\n  box-sizing: border-box;\r\n}\r\n.sf-17-descdiv-122 .sf-17-desc-122 {\r\n\tmargin-top: 0.5%;\r\n\tmargin-bottom: 0.5%;\r\n}\t\t\r\n\r\n@media only screen and (min-width: 801px) and (max-width: 1000px) {\r\n\t.sf-17-main-container-122 {\r\n\t\theight:700px !important;\r\n\t}\r\n\t.sf-17-container-slide-122 {\r\n\t\theight:700px !important;\r\n\t}\r\n\t.sf-17-container-slide-122 img {\r\n\t\theight:700px !important;\r\n\t}\r\n\t.sf-17-slides-box-122 {\r\n\t\theight:700px !important;\r\n\t}\r\n\t.sf-17-viewport-122 {\r\n\t\theight:700px !important;\r\n\t}\r\n}\r\n@media only screen and (min-width: 768px) and (max-width: 800px) {\r\n\t.sf-17-main-container-122 {\r\n\t\theight:600px !important;\r\n\t}\r\n\t.sf-17-container-slide-122 {\r\n\t\theight:600px !important;\r\n\t}\r\n\t.sf-17-container-slide-122 img {\r\n\t\theight:600px !important;\r\n\t}\r\n\t.sf-17-slides-box-122 {\r\n\t\theight:600px !important;\r\n\t}\r\n\t.sf-17-viewport-122 {\r\n\t\theight:600px !important;\r\n\t}\r\n}\r\n@media only screen and (min-width: 200px) and (max-width: 767px) {\r\n\t.sf-17-main-container-122 {\r\n\t\theight:400px !important;\r\n\t}\r\n\t.sf-17-container-slide-122 {\r\n\t\theight:400px !important;\r\n\t}\r\n\t.sf-17-container-slide-122 img {\r\n\t\theight:400px !important;\r\n\t}\r\n\t.sf-17-slides-box-122 {\r\n\t\theight:400px !important;\r\n\t}\r\n\t.sf-17-viewport-122 {\r\n\t\theight:400px !important;\r\n\t}\r\n}\r\n@media only screen and (max-width: 540px) {\r\n\t.slider-controls-122 {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n.sf-17-desc-122 { margin top: 10px; font-size : 16px !important; } .sf-17-slide-button-1-122 { font-size : 18px !important; border-radius: 50px; padding: 8px 15px !important; border: 5px solid #C2AE1C; margin-top: 10px; background-color: #C2AE1C; } #section { background-image: url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/07\/double-bubble-outline.png); }<\/style>\r\n<\/h2>\n<p>[\/vc_column_text][vc_column_text]<strong>Setting Used<\/strong>: Width: 100%, Heigth: 750px, Autoplay:ON, Autoplay Speed: 1000ms, Time Interval between Slides: 5000ms, Pause On Mouse Hover: OFF, Show Controls: On hover, Animation FX Effect: Vertical 3D Scroll, Color Preset: Yellow with Custom CSS.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text] Slider by Layout 17 [\/vc_column_text][vc_column_text] [\/vc_column_text][vc_column_text]Setting Used: Width: 100%, Heigth: 750px, Autoplay:ON, Autoplay Speed: 1000ms, Time Interval between Slides: 5000ms, Pause On Mouse Hover: OFF, Show Controls: On hover, Animation FX Effect: Vertical 3D Scroll, Color Preset: Yellow with Custom CSS.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":43,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-988","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/988","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/comments?post=988"}],"version-history":[{"count":9,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/988\/revisions"}],"predecessor-version":[{"id":3797,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/988\/revisions\/3797"}],"wp:attachment":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/media?parent=988"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}