Mit diesem einfachem jquery javascript code, erh\u00e4lt man eine Image-Gallery ohne eine zus\u00e4tzliche Extension in typo3.<\/p>\n
Einfach diesen Code im <head> des Template einf\u00fcgen. jQuery („query-1.4.2.min.js“) muss im template Verzeichnis abgelegt sein. <\/p>\n
\r\n<script src="jquery-1.4.2.min.js" type="text\/javascript"><\/script>\r\n<style type="text\/css">\r\n ul#gallery_nav { margin-bottom:5px; }\r\n .csc-textpic-image, ul#gallery_nav li { cursor:pointer; }\r\n ul#gallery_nav li { margin:0 1em 0.5em 0;float:left; }\r\n ul#gallery_nav li.act { font-weight:bold; }\r\n .csc-textpic-imagerow { display:none; }\r\n<\/style>\r\n<script type="text\/javascript">\r\nfunction add_click(index, Element) {\r\n if (index < 9) text_index = '0' + (index + 1);\r\n else text_index = index + 1;\r\n elem = $('<li>' + text_index + '<\/li>').click(function() { \r\n $(".csc-textpic-imagerow").hide();\r\n $('#gallery_nav li').removeClass('act');\r\n $('#gallery_nav li').eq(index).addClass('act');\r\n $(".csc-textpic-imagerow").eq(index).show();\r\n $(".csc-textpic-imagerow").eq(index).click(function() {\r\n max = $("#gallery_nav li").size();\r\n if (index == max-1 ) jump = 0;\r\n else jump = index+1;\r\n $("#gallery_nav li").eq(jump).click();\r\n });\r\n });\r\n elem.appendTo('#gallery_nav');\r\n}\r\n\r\n$(document).ready(function() {\r\n $(".csc-textpic-imagerow").first().before('<ul id="gallery_nav"><\/ul>');\r\n $('#gallery_nav li').first().addClass('act');\r\n $(".csc-textpic-imagerow").each(add_click);\r\n $("#gallery_nav li").first().click();\r\n});\r\n<\/script>\r\n<\/pre>\nSobald nun als Content Type „Images only“ hinzugef\u00fcgt wird, werden die Bilder als klickbare Gallery angezeigt mit einem Zahlenindex. <\/p>\n","protected":false},"excerpt":{"rendered":"
Mit diesem einfachem jquery javascript code, erh\u00e4lt man eine Image-Gallery ohne eine zus\u00e4tzliche Extension in typo3. Einfach diesen Code im <head> des Template einf\u00fcgen. jQuery („query-1.4.2.min.js“) muss im template Verzeichnis abgelegt sein. <script src="jquery-1.4.2.min.js" type="text\/javascript"><\/script> <style type="text\/css"> ul#gallery_nav { margin-bottom:5px; } .csc-textpic-image, ul#gallery_nav li { cursor:pointer; } ul#gallery_nav li { margin:0 1em 0.5em 0;float:left; }<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,3],"tags":[46,180],"class_list":["post-264","post","type-post","status-publish","format-standard","hentry","category-js","category-typo3","tag-jquery","tag-typo3"],"_links":{"self":[{"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/posts\/264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/comments?post=264"}],"version-history":[{"count":28,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/posts\/264\/revisions"}],"predecessor-version":[{"id":292,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/posts\/264\/revisions\/292"}],"wp:attachment":[{"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/media?parent=264"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/categories?post=264"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/tags?post=264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}