{"id":1968,"date":"2010-05-09T13:14:06","date_gmt":"2010-05-09T11:14:06","guid":{"rendered":"http:\/\/www.frische-zitronen.de\/?p=1968"},"modified":"2010-05-09T13:14:06","modified_gmt":"2010-05-09T11:14:06","slug":"typolight-jquery-contentslider-mit-thumbnails","status":"publish","type":"post","link":"https:\/\/www.jukemedia.de\/blog\/2010\/05\/typolight-jquery-contentslider-mit-thumbnails\/","title":{"rendered":"Contao: jQuery ContentSlider mit Thumbnails"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2252\" title=\"jquery\" src=\"http:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2010\/05\/jquery.png\" alt=\"jquery\" width=\"269\" height=\"124\" \/><\/p>\n<h3 class=\"clearleft\">Wie man GalleryView in Contao installiert<\/h3>\n<p><a href=\"http:\/\/www.jukemedia.de\/jquery-galleryview.html\"> <\/a><a href=\"http:\/\/www.erweiterungen.jukemedia.de\/index.php\/jquery-galleryview.html\" target=\"_blank\">Anwendungsbeispiel auf jukemedia.de besuchen<\/a><\/p>\n<p><strong><a href=\"http:\/\/www.frische-zitronen.de\/wp-content\/themes\/mimbo\/downloads\/gallery-view.zip\"><\/a><\/strong><\/p>\n<p><strong>Downloads<\/strong><br \/>\njquery 1.4.min.js<br \/>\n<a href=\"http:\/\/docs.jquery.com\/Downloading_jQuery\">http:\/\/docs.jquery.com\/Downloading_jQuery<\/a><\/p>\n<p>jquery.easing.1.3.js<br \/>\n<a href=\"http:\/\/gsgd.co.uk\/sandbox\/jquery\/easing\/\">http:\/\/gsgd.co.uk\/sandbox\/jquery\/easing\/<\/a><\/p>\n<p><a href=\"http:\/\/code.google.com\/p\/terrycode\/source\/browse\/trunk\/wedding-photo\/war\/js\/jquery.galleryview-1.1.js?r=754\">jquery.galleryview-1.1.js<\/a><\/p>\n<p>jquery.timers-1.1.2.js<br \/>\n<a href=\"jquery.timers-1.1.2.js\">http:\/\/plugins.jquery.com\/node\/3656\/release<\/a><\/p>\n<p>Css Datei s.\u00a0 Quelltext Anwendungsbeispiel<\/p>\n<p><strong>3. Inhalt in Ziwschenablage kopieren.<\/strong><br \/>\nGehe in das Backend von TYPOlight Contao<br \/>\n=&gt; Module =&gt; neues Modul anlegen =&gt; Typ: eigener html code<\/p>\n<p>Code nach folgendem Muster erg\u00e4nzen und einf\u00fcgen:<\/p>\n<pre lang=\"LANGUAGE\">\n<div id=\"photos\" class=\"galleryview\">\n<div class=\"panel\">\n<img decoding=\"async\" src=\"tl_files\/gallery-view\/bild-01.jpg\" alt=\"xxx\" \/>\n<div class=\"panel-overlay\">\n<h2 class=\"titel\">deine \u00dcberschrift<\/h2>\n<\/div>\n<\/div>\n[ ... Liste je nach Anzahl der Bilder fortsetzen ]\n<ul class=\"filmstrip\">\n\t<li><img decoding=\"async\" title=\"xxx\" src=\".\/tl_files\/gallery-view\/x-bild-01.jpg\" alt=\"xxx\" \/><\/li>\n[ ... Liste je nach Anzahl der Bilder fortsetzen ]<\/ul>\n<\/div><\/pre>\n<p><strong>4. Ein neues Seitenlayout anlegen<\/strong><br \/>\nSeitenleiste links =&gt; Seitenlayouts =&gt;<br \/>\nErstelle ein neues Seitenlayout oder dupliziere ein vorhandenes.<\/p>\n<p><strong>F\u00fcge eigene head-tags ein:<\/strong><\/p>\n<pre lang=\"LANGUAGE\"><script src=\".\/plugins\/jquery\/js\/jquery-1.4.min.js\" type=\"text\/javascript\"><!--mce:0--><\/script>\n<script src=\".\/plugins\/jquery\/gallery-view\/jquery.easing.1.3.js\" type=\"text\/javascript\"><!--mce:1--><\/script>\n<script src=\".\/plugins\/jquery\/gallery-view\/jquery.galleryview-1.1.js\" type=\"text\/javascript\"><!--mce:2--><\/script>\n<script src=\".\/plugins\/jquery\/gallery-view\/jquery.timers-1.1.2.js\" type=\"text\/javascript\"><!--mce:3--><\/script><\/pre>\n<p><strong>F\u00fcge eigenen Javascript-code ein<\/strong><\/p>\n<pre lang=\"LANGUAGE\"><script type=\"text\/javascript\"><!--mce:4--><\/script><\/pre>\n<p>F\u00fcge dem Artikel das zuvor erzeugte Modul als Inhaltselement hinzu.<\/p>\n<p><strong>6. Eigene Bilder in die Installation hochladen<br \/>\n<\/strong>Bilder f\u00fcr die Galerie in tl_files hochladen<strong> <\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wer sich bereits mit TYPOlight ein wenig besch\u00e4ftigt hat wei\u00df, dass das System von Haus aus das Javascript-Framework MooTools einbindet.  Man kann aber auch mit ein paar Handgriffen jQuery einbinden und damit einen Content-Slider mit Thumbnails erstellen.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[93,360,389,429,430],"yst_prominent_words":[],"class_list":["post-1968","post","type-post","status-publish","format-standard","hentry","category-contao","tag-contao","tag-typolight","tag-jquery","tag-bildergalerie","tag-contentslider"],"_links":{"self":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/1968","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/comments?post=1968"}],"version-history":[{"count":0,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/1968\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/media?parent=1968"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/categories?post=1968"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/tags?post=1968"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=1968"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}