{"id":124,"date":"2015-09-13T11:16:55","date_gmt":"2015-09-13T11:16:55","guid":{"rendered":"http:\/\/demo.awplife.com\/responsive-slider-gallery-premium\/?page_id=124"},"modified":"2023-12-12T11:23:26","modified_gmt":"2023-12-12T11:23:26","slug":"slider-with-custom-width-height","status":"publish","type":"page","link":"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/slider-with-custom-width-height\/","title":{"rendered":"Slider With Custom Width &#038; Height"},"content":{"rendered":"\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-left\"><strong>Slider Width &#8211; 100%\u00a0&amp; Height &#8211;\u00a0100%<\/strong><\/h3>\n\n\n\t\t<div class=\"fotorama responsive-image-silder\"\r\n\t\t\tdata-width=100%\t\t\t\t\t\t\t\t\tdata-height=\"\"\t\t\tdata-minheight=100%\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdata-nav=thumbs\t\t\t\t\t\tdata-navposition=bottom\t\t\t\t\t\t\t\t\t\t\t\tdata-thumbborderwidth=3\t\t\tdata-allowfullscreen=true\t\t\tdata-fit=cover\t\t\tdata-thumbfit=cover\t\t\tdata-transition=crossfade\t\t\tdata-click=true\t\t\tdata-transitionduration=300\t\t\tfalse\t\t\ttitle\t\t\tdata-hash=false\t\t\tdata-autoplay=true\t\t\tdata-stopautoplayontouch=false\t\t\tdata-loop=true\t\t\tdata-keyboard=true\t\t\tdata-arrows=true\t\t\tdata-click=true\t\t\tdata-swipe=true\t\t\tdata-trackpad=true\t\t\tdata-shuffle=false\t\t\tdata-direction=ltr\t\t\tdata-spinner=true\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-content\/uploads\/sites\/5\/2025\/12\/148.webp\" data-caption=\"\" alt=\"148\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-content\/uploads\/sites\/5\/2025\/12\/433.webp\" data-caption=\"\" alt=\"433\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-content\/uploads\/sites\/5\/2025\/12\/434.webp\" data-caption=\"\" alt=\"434\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-content\/uploads\/sites\/5\/2022\/11\/pexels-pixabay-534124.jpg\" data-caption=\"\" alt=\"Assorted color House Facade in Park\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-content\/uploads\/sites\/5\/2022\/11\/pexels-timo-2219318.jpg\" data-caption=\"\" alt=\"Blue Ferries Wheel\">\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<!-- HTML Script Part Start From Here-->\r\n\t<script>\r\n\tjQuery(document).ready(function() {\r\n\t\tjQuery(function () {\r\n\t\t\tjQuery('.responsive-image-silder').fotorama({\r\n\t\t\t\tspinner: {\r\n\t\t\t\t\tlines: 13,\r\n\t\t\t\t\tcolor: 'rgba(0, 0, 0, .75)',\r\n\t\t\t\t\tclassName: 'fotorama',\r\n\t\t\t\t},\r\n\t\t\t\tvideo: true,  \/\/ Enable video support\r\n\t\t\t\t\t\t\t\tautoplay : 5000,\r\n\t\t\t\t\t\t\t});\r\n\t\t});\r\n\r\n\t\tjQuery('.fotorama__stage').addClass('hvr-grow');\r\n\t});\r\n\t<\/script>\r\n\t\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-left\"><strong>Width &#8211; 800px &amp; Height &#8211; 600px<\/strong><\/h3>\n\n\n\t\t<div class=\"fotorama responsive-image-silder\"\r\n\t\t\tdata-width=800px\t\t\tdata-minwidth=600px\t\t\t\t\t\tdata-height=\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdata-nav=thumbs\t\t\t\t\t\tdata-navposition=bottom\t\t\t\t\t\t\t\t\t\t\t\tdata-thumbborderwidth=3\t\t\tdata-allowfullscreen=true\t\t\tdata-fit=cover\t\t\tdata-thumbfit=cover\t\t\tdata-transition=crossfade\t\t\tdata-click=true\t\t\tdata-transitionduration=300\t\t\tfalse\t\t\ttitle\t\t\tdata-hash=false\t\t\tdata-autoplay=true\t\t\tdata-stopautoplayontouch=false\t\t\tdata-loop=true\t\t\tdata-keyboard=true\t\t\tdata-arrows=true\t\t\tdata-click=true\t\t\tdata-swipe=true\t\t\tdata-trackpad=true\t\t\tdata-shuffle=true\t\t\tdata-direction=ltr\t\t\tdata-spinner=true\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-content\/uploads\/sites\/5\/2023\/12\/young-woman-attending-online-class.webp\" data-caption=\"\" alt=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-content\/uploads\/sites\/5\/2023\/12\/Biotechnology-specialist-in-the-laboratory.webp\" data-caption=\"\" alt=\"Biotechnology specialist in the laboratory\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-content\/uploads\/sites\/5\/2023\/12\/Stylish-couple-in-love-5.webp\" data-caption=\"\" alt=\"Stylish couple in love 5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-content\/uploads\/sites\/5\/2023\/12\/Portrait-of-pretty-smiling-stylish.webp\" data-caption=\"\" alt=\"Portrait of pretty smiling stylish\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-content\/uploads\/sites\/5\/2023\/12\/person-using-laptop-using-artificial-intelligence-generate-images.webp\" data-caption=\"\" alt=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-content\/uploads\/sites\/5\/2023\/12\/Attractive-stylish-young-woman-3.webp\" data-caption=\"\" alt=\"Attractive stylish young woman\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-content\/uploads\/sites\/5\/2023\/12\/studying-on-computer-holding-a-coffee-cup.webp\" data-caption=\"\" alt=\"studying on computer holding a coffee cup\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-content\/uploads\/sites\/5\/2025\/12\/434.webp\" data-caption=\"\" alt=\"434\">\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<!-- HTML Script Part Start From Here-->\r\n\t<script>\r\n\tjQuery(document).ready(function() {\r\n\t\tjQuery(function () {\r\n\t\t\tjQuery('.responsive-image-silder').fotorama({\r\n\t\t\t\tspinner: {\r\n\t\t\t\t\tlines: 13,\r\n\t\t\t\t\tcolor: 'rgba(0, 0, 0, .75)',\r\n\t\t\t\t\tclassName: 'fotorama',\r\n\t\t\t\t},\r\n\t\t\t\tvideo: true,  \/\/ Enable video support\r\n\t\t\t\t\t\t\t\tautoplay : 5000,\r\n\t\t\t\t\t\t\t});\r\n\t\t});\r\n\r\n\t\tjQuery('.fotorama__stage').addClass('hvr-grow');\r\n\t});\r\n\t<\/script>\r\n\t\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-left\"><strong>Slider Width \u2013 75% &amp; Height \u2013 50%<\/strong><\/h3>\n\n\n\t\t<div class=\"fotorama responsive-image-silder\"\r\n\t\t\tdata-width=75%\t\t\t\t\t\t\t\t\tdata-height=\"50%\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdata-nav=thumbs\t\t\t\t\t\tdata-navposition=bottom\t\t\t\t\t\t\t\t\t\t\t\tdata-thumbborderwidth=3\t\t\tdata-allowfullscreen=true\t\t\tdata-fit=cover\t\t\tdata-thumbfit=cover\t\t\tdata-transition=crossfade\t\t\tdata-click=true\t\t\tdata-transitionduration=300\t\t\tfalse\t\t\ttitle\t\t\tdata-hash=false\t\t\tdata-autoplay=true\t\t\tdata-stopautoplayontouch=false\t\t\tdata-loop=true\t\t\tdata-keyboard=true\t\t\tdata-arrows=true\t\t\tdata-click=true\t\t\tdata-swipe=true\t\t\tdata-trackpad=true\t\t\tdata-shuffle=true\t\t\tdata-direction=ltr\t\t\tdata-spinner=true\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-content\/uploads\/sites\/5\/2023\/12\/colorful-wallpaper-background-multicolored-generative-ai.webp\" data-caption=\"\" alt=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-content\/uploads\/sites\/5\/2023\/12\/Human-Big-data-visualization.webp\" data-caption=\"\" alt=\"Human Big data visualization\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-content\/uploads\/sites\/5\/2023\/12\/wild-tiger-cub-in-nature.webp\" data-caption=\"\" alt=\"wild tiger cub in nature\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-content\/uploads\/sites\/5\/2023\/12\/cute-puppy-sitting-autumn-forest-looking-camera-playfully-generated-by-artificial-intellingence.webp\" data-caption=\"\" alt=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-content\/uploads\/sites\/5\/2023\/12\/Biotechnology-specialist-in-the-laboratory.webp\" data-caption=\"\" alt=\"Biotechnology specialist in the laboratory\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-content\/uploads\/sites\/5\/2023\/12\/virtual-reality-handsfree-headset.webp\" data-caption=\"\" alt=\"virtual reality handsfree headset\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-content\/uploads\/sites\/5\/2023\/12\/Cyberpunk-urban-scenery.webp\" data-caption=\"\" alt=\"Cyberpunk urban scenery\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-content\/uploads\/sites\/5\/2023\/12\/Kid-with-vr-glasses-experiencing-metaverse.webp\" data-caption=\"\" alt=\"Kid with vr glasses experiencing metaverse\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-content\/uploads\/sites\/5\/2023\/12\/muscle-car.webp\" data-caption=\"\" alt=\"3D Muscle car\">\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<!-- HTML Script Part Start From Here-->\r\n\t<script>\r\n\tjQuery(document).ready(function() {\r\n\t\tjQuery(function () {\r\n\t\t\tjQuery('.responsive-image-silder').fotorama({\r\n\t\t\t\tspinner: {\r\n\t\t\t\t\tlines: 13,\r\n\t\t\t\t\tcolor: 'rgba(0, 0, 0, .75)',\r\n\t\t\t\t\tclassName: 'fotorama',\r\n\t\t\t\t},\r\n\t\t\t\tvideo: true,  \/\/ Enable video support\r\n\t\t\t\t\t\t\t\tautoplay : 5000,\r\n\t\t\t\t\t\t\t});\r\n\t\t});\r\n\r\n\t\tjQuery('.fotorama__stage').addClass('hvr-grow');\r\n\t});\r\n\t<\/script>\r\n\t\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-left\"><strong>Slider\u00a0Width \u2013 400px &amp; Height \u2013 300px<\/strong><\/h3>\n\n\n\t\t<div class=\"fotorama responsive-image-silder\"\r\n\t\t\tdata-width=400px\t\t\t\t\t\t\t\t\tdata-height=\"300px\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdata-nav=thumbs\t\t\t\t\t\tdata-navposition=bottom\t\t\t\t\t\t\t\t\t\t\t\tdata-thumbborderwidth=3\t\t\tdata-allowfullscreen=true\t\t\tdata-fit=cover\t\t\tdata-thumbfit=cover\t\t\tdata-transition=crossfade\t\t\tdata-click=true\t\t\tdata-transitionduration=300\t\t\tfalse\t\t\ttitle\t\t\tdata-hash=false\t\t\tdata-autoplay=true\t\t\tdata-stopautoplayontouch=false\t\t\tdata-loop=true\t\t\tdata-keyboard=true\t\t\tdata-arrows=true\t\t\tdata-click=true\t\t\tdata-swipe=true\t\t\tdata-trackpad=true\t\t\tdata-shuffle=true\t\t\tdata-direction=ltr\t\t\tdata-spinner=true\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-content\/uploads\/sites\/5\/2023\/12\/Stylish-young-man-holding-wireless-speaker-3.webp\" data-caption=\"\" alt=\"Stylish young man holding wireless speaker 3\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-content\/uploads\/sites\/5\/2023\/12\/Stylish-young-man-holding-wireless-speaker-2.webp\" data-caption=\"\" alt=\"Stylish young man holding wireless speaker 2\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-content\/uploads\/sites\/5\/2023\/12\/Stylish-young-man-holding-wireless-speaker.webp\" data-caption=\"\" alt=\"Stylish young man holding wireless speaker\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-content\/uploads\/sites\/5\/2023\/12\/Young-woman-listening-to-music.webp\" data-caption=\"\" alt=\"Young woman listening to music\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-content\/uploads\/sites\/5\/2023\/12\/young-woman-with-round-glasses.webp\" data-caption=\"\" alt=\"young-woman-with-round-glasses\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-content\/uploads\/sites\/5\/2023\/12\/young-beautiful-woman-pink-warm-sweater.webp\" data-caption=\"\" alt=\"young-beautiful-woman-pink-warm-sweater\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-content\/uploads\/sites\/5\/2023\/12\/Young-and-beautiful-woman-in-pink.webp\" data-caption=\"\" alt=\"Young and beautiful woman in pink\">\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<!-- HTML Script Part Start From Here-->\r\n\t<script>\r\n\tjQuery(document).ready(function() {\r\n\t\tjQuery(function () {\r\n\t\t\tjQuery('.responsive-image-silder').fotorama({\r\n\t\t\t\tspinner: {\r\n\t\t\t\t\tlines: 13,\r\n\t\t\t\t\tcolor: 'rgba(0, 0, 0, .75)',\r\n\t\t\t\t\tclassName: 'fotorama',\r\n\t\t\t\t},\r\n\t\t\t\tvideo: true,  \/\/ Enable video support\r\n\t\t\t\t\t\t\t\tautoplay : 5000,\r\n\t\t\t\t\t\t\t});\r\n\t\t});\r\n\r\n\t\tjQuery('.fotorama__stage').addClass('hvr-grow');\r\n\t});\r\n\t<\/script>\r\n\t\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Slider Width &#8211; 100%\u00a0&amp; Height &#8211;\u00a0100% Width &#8211; 800px &amp; Height &#8211; 600px Slider Width \u2013 75% &amp; Height \u2013 50% Slider\u00a0Width \u2013 400px &amp; Height \u2013 300px<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-124","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-json\/wp\/v2\/pages\/124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-json\/wp\/v2\/comments?post=124"}],"version-history":[{"count":26,"href":"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-json\/wp\/v2\/pages\/124\/revisions"}],"predecessor-version":[{"id":584,"href":"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-json\/wp\/v2\/pages\/124\/revisions\/584"}],"wp:attachment":[{"href":"https:\/\/awplife.com\/demo\/responsive-slider-gallery-premium\/wp-json\/wp\/v2\/media?parent=124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}