{"id":698,"date":"2014-02-04T10:08:14","date_gmt":"2014-02-04T10:08:14","guid":{"rendered":"https:\/\/www.templatemonster.com\/de\/blog\/?p=698"},"modified":"2020-04-02T13:37:04","modified_gmt":"2020-04-02T13:37:04","slug":"kostenlose-html5-sliders-nur-schieben-und-druecken","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/de\/kostenlose-html5-sliders-nur-schieben-und-druecken\/","title":{"rendered":"Kostenlose HTML5 Sliders: Nur Schieben \u2026 und dr\u00fccken"},"content":{"rendered":"<p>Man kann sich kaum eine Website ohne <strong>Bildslider<\/strong> vorstellen. Dank der Slider-Funktionalit\u00e4t kann man ins Quadrat, das in 1\/10 vom visuellen Teil des Bildschirms liegt, die ganze Info reinstecken. Zum Beispiel, die Slider-Gr\u00f6\u00dfe der <a rel=\"noopener noreferrer\" href=\"http:\/\/www.templatemonster.com\" target=\"_blank\">Templatemonster.com<\/a> Website ist 573*185px.<br \/>\nMeine 2. Bildaufl\u00f6sung ist 1280*1024px, der Banner liegt in 1\/12 des Bildschirms, im Slider gibt es 9 Slides \u2026 und wenn wir den Slider l\u00f6schen w\u00fcrden und die ganze Infos auf der Startseite platzieren w\u00fcrden, w\u00e4re sie doppelt gr\u00f6\u00dfer als jetzt \u2013 das geht nicht.<\/p>\n<p>Bildsliders sind die wunderbare Design-Elementen. Au\u00dfer dem Ausma\u00df bieten die Sliders viele \u00dcbergangseffekten an. Hast du irgendwann \u00fcber einen <strong><a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/www.skitter-slider.net\/\" target=\"_blank\">Skitter Slider<\/a><\/strong> geh\u00f6rt? Er bieten <strong>36 \u00dcbergangseffekten<\/strong> an: <em>cube, cubeRandom, block, cubeStop, cubeHide, cubeSize, horizontal, showBars, showBarsRandom, tube, fade, fadeFour, paralell, blind, blindHeight, blindWidth, directionTop, directionBottom, directionRight, directionLeft, cubeStopRandom, cubeSpread, cubeJelly, glassCube, glassBlock, circles, circlesInside, circlesRotate, cubeShow, upBars, downBars, hideBars, swapBars, swapBarsBack, random, randomSmart<\/em>.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-24459\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/jQuery-Slider.jpg\" alt=\"\" width=\"900\" height=\"534\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/jQuery-Slider.jpg 900w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/jQuery-Slider-300x178.jpg 300w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/jQuery-Slider-768x456.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/p>\n<p>Obwohl der <a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/www.skitter-slider.net\/\" target=\"_blank\">Skitter<\/a> zum jQuery Slider geh\u00f6rt und zu dieser RoundUp eigentlich nicht passt, will ich ihn hier trotzdem als ein gutes Beispiel nennen.<\/p>\n<p style=\"text-align: center\">***<\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/liquidslider.com\/\" target=\"_blank\">Liquid Slider<\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-24578\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/html-Slider.jpg\" alt=\"\" width=\"900\" height=\"534\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/html-Slider.jpg 900w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/html-Slider-300x178.jpg 300w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/html-Slider-768x456.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/p>\n<p>Der Liquid Slider verwendet CSS3 \u00dcberg\u00e4nge mit jQuery Animationen als Fallbacks. Du kannst jeden gew\u00fcnschten HTML Inhalt verwenden. Jeden. Die Navigation wird sich selbst herum bauen und der Slider wird sich an Bildschirmgr\u00f6\u00dfe anpassen.<\/p>\n<p style=\"text-align: center\">***<\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/code.google.com\/p\/blogslideshow\/\" target=\"_blank\">BlogSlideShow<\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-24580\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/BlogSlideShow.jpg\" alt=\"\" width=\"900\" height=\"534\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/BlogSlideShow.jpg 900w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/BlogSlideShow-300x178.jpg 300w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/BlogSlideShow-768x456.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/p>\n<p>BlogSlideShow ist ein leichter Slider mit verschiedenen Effekten (auch CSS3\/HTML5).<\/p>\n<p style=\"text-align: center\">***<\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/tutorialzine.com\/2010\/09\/html5-canvas-slideshow-jquery\/\" target=\"_blank\">HTML5 Slideshow w\/ Canvas &amp; jQuery<\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-24583\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/HTML5-Slideshow.jpg\" alt=\"\" width=\"900\" height=\"534\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/HTML5-Slideshow.jpg 900w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/HTML5-Slideshow-300x178.jpg 300w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/HTML5-Slideshow-768x456.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/p>\n<p style=\"text-align: center\">***<\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/smashingweb.info\/jquery-responsive-slider-iview-slider\/\" target=\"_blank\">iView Slider<\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-24585\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/iView-Slider.jpg\" alt=\"\" width=\"900\" height=\"534\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/iView-Slider.jpg 900w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/iView-Slider-300x178.jpg 300w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/iView-Slider-768x456.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><br \/>\niView Slider ist ein Responsive jQuery Slider Plugin mit 35 \u00dcbergangseffekten. Man kann hier entweder Bilder, oder HTML oder Video reinsetzen.<\/p>\n<p style=\"text-align: center\">***<\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/www.script-tutorials.com\/content-slider-with-jcarousel\/\" target=\"_blank\">\u0421ontent Slider mit jCarousel<\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-24587\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/\u0421ontent-Slider-mit-jCarousel.jpg\" alt=\"\" width=\"900\" height=\"534\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/\u0421ontent-Slider-mit-jCarousel.jpg 900w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/\u0421ontent-Slider-mit-jCarousel-300x178.jpg 300w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/\u0421ontent-Slider-mit-jCarousel-768x456.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/p>\n<p>In diesem Slider findet man: initial Intro Block, Control-Buttons zur Navigation durch die Sliders, Sliders und Carousel mit Bilder (Minibilder) auf dem Button.<\/p>\n<p style=\"text-align: center\">***<\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/designmodo.com\/image-slider-jquery-css3\/\" target=\"_blank\" class=\"broken_link\">Image Slider using jQuery and CSS3<\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-24589\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/slider.jpg\" alt=\"\" width=\"900\" height=\"534\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/slider.jpg 900w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/slider-300x178.jpg 300w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/slider-768x456.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/p>\n<p>In manchen Templates verwenden wir den \u201cNivo Slider jQuery Script\u201d, weil er sehr m\u00e4chtig und kostenlos ist. Der Script hat 16 \u00dcbergangseffekten. Er ist leicht zu bedienen und hat viele tolle Funktionen.<\/p>\n<p style=\"text-align: center\">***<\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/wowslider.com\/rq\/html5-image-rotator\/\" target=\"_blank\">WOW Slider<\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-24590\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/wow-slider.jpg\" alt=\"\" width=\"900\" height=\"534\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/wow-slider.jpg 900w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/wow-slider-300x178.jpg 300w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/wow-slider-768x456.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/p>\n<p>WOW Slider ist eine perfekte Option f\u00fcr nicht-Coders. WOW Slider ist ein responsive Slider mit einer Menge \u00dcbergangseffekten (<em> Rotate, Blur, Flip, Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns, Stack, Stack vertical und Basic linear<\/em>).<\/p>\n<p style=\"text-align: center\">***<\/p>\n<p><em><strong>SCHWEIGE DOCH NICHT!<\/strong> Wie gef\u00e4llt dir die oben angegebene Sliders? Falls Du die andere passende Sliders kennst\/verwendest, lass und dar\u00fcber wissen.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Man kann sich kaum eine Website ohne Bildslider vorstellen. Dank der Slider-Funktionalit\u00e4t kann man ins Quadrat, das in 1\/10 vom visuellen Teil des Bildschirms liegt, die ganze Info reinstecken. Zum Beispiel, die Slider-Gr\u00f6\u00dfe der Templatemonster.com Website ist 573*185px. Meine 2. Bildaufl\u00f6sung ist 1280*1024px, der Banner liegt in 1\/12 des Bildschirms, im Slider gibt es 9 [&hellip;]<\/p>\n","protected":false},"author":398561,"featured_media":1677,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[11,16],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Kostenlose HTML5 Sliders: Nur Schieben \u2026 und dr\u00fccken \u2b50 TemplateMonster Deutscher Blog<\/title>\n<meta name=\"description\" content=\"Man kann sich kaum eine Website ohne Bildslider vorstellen. Dank der Slider-Funktionalit\u00e4t kann man ins Quadrat, das in 1\/10 vom visuellen Teil des\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/de\/kostenlose-html5-sliders-nur-schieben-und-druecken\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kostenlose HTML5 Sliders: Nur Schieben \u2026 und dr\u00fccken \u2b50 TemplateMonster Deutscher Blog\" \/>\n<meta property=\"og:description\" content=\"Man kann sich kaum eine Website ohne Bildslider vorstellen. Dank der Slider-Funktionalit\u00e4t kann man ins Quadrat, das in 1\/10 vom visuellen Teil des\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/de\/kostenlose-html5-sliders-nur-schieben-und-druecken\/\" \/>\n<meta property=\"og:site_name\" content=\"TemplateMonster Deutscher Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/templatemonster.de\/\" \/>\n<meta property=\"article:published_time\" content=\"2014-02-04T10:08:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-02T13:37:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/TM-home-page.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1263\" \/>\n\t<meta property=\"og:image:height\" content=\"553\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Nataly Ohlsen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TM_Deutschland\" \/>\n<meta name=\"twitter:site\" content=\"@TM_Deutschland\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nataly Ohlsen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/de\/kostenlose-html5-sliders-nur-schieben-und-druecken\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/de\/kostenlose-html5-sliders-nur-schieben-und-druecken\/\"},\"author\":{\"name\":\"Nataly Ohlsen\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/person\/2e24c6b22f0b3e2b1320176bd7ab3241\"},\"headline\":\"Kostenlose HTML5 Sliders: Nur Schieben \u2026 und dr\u00fccken\",\"datePublished\":\"2014-02-04T10:08:14+00:00\",\"dateModified\":\"2020-04-02T13:37:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/de\/kostenlose-html5-sliders-nur-schieben-und-druecken\/\"},\"wordCount\":390,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#organization\"},\"articleSection\":[\"Kostenlos\",\"Webentwicklung\"],\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/de\/kostenlose-html5-sliders-nur-schieben-und-druecken\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/de\/kostenlose-html5-sliders-nur-schieben-und-druecken\/\",\"url\":\"https:\/\/monsterspost.com\/de\/kostenlose-html5-sliders-nur-schieben-und-druecken\/\",\"name\":\"Kostenlose HTML5 Sliders: Nur Schieben \u2026 und dr\u00fccken \u2b50 TemplateMonster Deutscher Blog\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#website\"},\"datePublished\":\"2014-02-04T10:08:14+00:00\",\"dateModified\":\"2020-04-02T13:37:04+00:00\",\"description\":\"Man kann sich kaum eine Website ohne Bildslider vorstellen. Dank der Slider-Funktionalit\u00e4t kann man ins Quadrat, das in 1\/10 vom visuellen Teil des\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/de\/kostenlose-html5-sliders-nur-schieben-und-druecken\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/de\/kostenlose-html5-sliders-nur-schieben-und-druecken\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/de\/kostenlose-html5-sliders-nur-schieben-und-druecken\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Kostenlose HTML5 Sliders: Nur Schieben \u2026 und dr\u00fccken\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/de\/#website\",\"url\":\"https:\/\/monsterspost.com\/de\/\",\"name\":\"TemplateMonster Deutscher Blog\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/de\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/de\/#organization\",\"name\":\"MonsterPost Deutschland\",\"url\":\"https:\/\/monsterspost.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonsterPost Deutschland\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/channel\/UC19iEGcEhlFidO5ruNGE5yg\",\"https:\/\/www.facebook.com\/templatemonster.de\/\",\"https:\/\/twitter.com\/TM_Deutschland\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/person\/2e24c6b22f0b3e2b1320176bd7ab3241\",\"name\":\"Nataly Ohlsen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d431cfcfe1189f47cdb7caab1f182151?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d431cfcfe1189f47cdb7caab1f182151?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Nataly Ohlsen\"},\"description\":\"Ist Expertin auf dem Gebiet Content-Marketing bei TemplateMonster. Nataly auf Facebook.\",\"url\":\"https:\/\/monsterspost.com\/de\/author\/nataly\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Kostenlose HTML5 Sliders: Nur Schieben \u2026 und dr\u00fccken \u2b50 TemplateMonster Deutscher Blog","description":"Man kann sich kaum eine Website ohne Bildslider vorstellen. Dank der Slider-Funktionalit\u00e4t kann man ins Quadrat, das in 1\/10 vom visuellen Teil des","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:\/\/monsterspost.com\/de\/kostenlose-html5-sliders-nur-schieben-und-druecken\/","og_locale":"de_DE","og_type":"article","og_title":"Kostenlose HTML5 Sliders: Nur Schieben \u2026 und dr\u00fccken \u2b50 TemplateMonster Deutscher Blog","og_description":"Man kann sich kaum eine Website ohne Bildslider vorstellen. Dank der Slider-Funktionalit\u00e4t kann man ins Quadrat, das in 1\/10 vom visuellen Teil des","og_url":"https:\/\/monsterspost.com\/de\/kostenlose-html5-sliders-nur-schieben-und-druecken\/","og_site_name":"TemplateMonster Deutscher Blog","article_publisher":"https:\/\/www.facebook.com\/templatemonster.de\/","article_published_time":"2014-02-04T10:08:14+00:00","article_modified_time":"2020-04-02T13:37:04+00:00","og_image":[{"width":1263,"height":553,"url":"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/02\/TM-home-page.jpg","type":"image\/jpeg"}],"author":"Nataly Ohlsen","twitter_card":"summary_large_image","twitter_creator":"@TM_Deutschland","twitter_site":"@TM_Deutschland","twitter_misc":{"Verfasst von":"Nataly Ohlsen","Gesch\u00e4tzte Lesezeit":"2 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/de\/kostenlose-html5-sliders-nur-schieben-und-druecken\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/de\/kostenlose-html5-sliders-nur-schieben-und-druecken\/"},"author":{"name":"Nataly Ohlsen","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/person\/2e24c6b22f0b3e2b1320176bd7ab3241"},"headline":"Kostenlose HTML5 Sliders: Nur Schieben \u2026 und dr\u00fccken","datePublished":"2014-02-04T10:08:14+00:00","dateModified":"2020-04-02T13:37:04+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/de\/kostenlose-html5-sliders-nur-schieben-und-druecken\/"},"wordCount":390,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/de\/#organization"},"articleSection":["Kostenlos","Webentwicklung"],"inLanguage":"de-DE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/de\/kostenlose-html5-sliders-nur-schieben-und-druecken\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/de\/kostenlose-html5-sliders-nur-schieben-und-druecken\/","url":"https:\/\/monsterspost.com\/de\/kostenlose-html5-sliders-nur-schieben-und-druecken\/","name":"Kostenlose HTML5 Sliders: Nur Schieben \u2026 und dr\u00fccken \u2b50 TemplateMonster Deutscher Blog","isPartOf":{"@id":"https:\/\/monsterspost.com\/de\/#website"},"datePublished":"2014-02-04T10:08:14+00:00","dateModified":"2020-04-02T13:37:04+00:00","description":"Man kann sich kaum eine Website ohne Bildslider vorstellen. Dank der Slider-Funktionalit\u00e4t kann man ins Quadrat, das in 1\/10 vom visuellen Teil des","breadcrumb":{"@id":"https:\/\/monsterspost.com\/de\/kostenlose-html5-sliders-nur-schieben-und-druecken\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/de\/kostenlose-html5-sliders-nur-schieben-und-druecken\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/de\/kostenlose-html5-sliders-nur-schieben-und-druecken\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/de\/"},{"@type":"ListItem","position":2,"name":"Kostenlose HTML5 Sliders: Nur Schieben \u2026 und dr\u00fccken"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/de\/#website","url":"https:\/\/monsterspost.com\/de\/","name":"TemplateMonster Deutscher Blog","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/de\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/de\/#organization","name":"MonsterPost Deutschland","url":"https:\/\/monsterspost.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonsterPost Deutschland"},"image":{"@id":"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/channel\/UC19iEGcEhlFidO5ruNGE5yg","https:\/\/www.facebook.com\/templatemonster.de\/","https:\/\/twitter.com\/TM_Deutschland"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/person\/2e24c6b22f0b3e2b1320176bd7ab3241","name":"Nataly Ohlsen","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d431cfcfe1189f47cdb7caab1f182151?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d431cfcfe1189f47cdb7caab1f182151?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Nataly Ohlsen"},"description":"Ist Expertin auf dem Gebiet Content-Marketing bei TemplateMonster. Nataly auf Facebook.","url":"https:\/\/monsterspost.com\/de\/author\/nataly\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts\/698"}],"collection":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/users\/398561"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/comments?post=698"}],"version-history":[{"count":19,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts\/698\/revisions"}],"predecessor-version":[{"id":24591,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts\/698\/revisions\/24591"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/media\/1677"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/media?parent=698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/categories?post=698"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/tags?post=698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}