{"id":285,"date":"2011-07-05T13:44:11","date_gmt":"2011-07-05T13:44:11","guid":{"rendered":"http:\/\/www.diywebmastery.com\/slickrflickrpro\/?p=285"},"modified":"2011-07-06T10:14:39","modified_gmt":"2011-07-06T10:14:39","slug":"large-galleria-problems","status":"publish","type":"post","link":"https:\/\/www.slickrflickr.com\/members\/285\/large-galleria-problems","title":{"rendered":"Large Galleria Problems"},"content":{"rendered":"<p><b><i>NOTE: The following issue is relevant up to  Slickr Flickr 1.29 &#8211; it is resolved from Slickr Flickr 1.30 onwards<\/i><\/b><\/p>\n<p>Most Galleria themes automatically calculate their required size based on the photos. The exception is the default &#8216;classic&#8217; theme where you need to specify the height and width specifically. For small, medium and medium 640 elements there are CSS elements in slickr-flickr.css that specify a default size however there is no CSS element for large photos and hence the galleria fails with an error.<\/p>\n<blockquote><p>Fatal error: Width &#038; Height not found<\/p><\/blockquote>\n<h3>User Galleria With Size Set by Slickr Flickr Container<\/h3>\n<p>Here the height and width parameters are passed and used to set the size of the slickr-flickr-galleria element. <\/p>\n<p>[code]slickr-flickr id=&quot;63522826@N02&quot; tag=&quot;The Courtyard at Sainte Catherine&quot; type=&quot;galleria&quot; items=&quot;41&quot;  sort=&quot;description&quot; direction=&quot;ascending&quot; flickr_link=&quot;on&quot; size=&quot;large&quot; width=&quot;800&quot; height=&quot;600&quot; border=&quot;on&quot;  cache=&quot;off&quot;[\/code]<\/p>\n<p>The galleria should appear below but does not in version 1.29 as the height and width do not get passed through.<\/p>\n<div id=\"flickr_thecourtyardatsaintecatherine_7266\"><div class=\"slickr-flickr-galleria landscape large  classic\"><div style=\"clear:both\"><\/div><\/div><div style=\"clear:both\"><\/div><\/div>\n<h3>Passing Dimensions Directly to the Galleria<\/h3>\n<p>Here the height and width are passed directly to the galleria using the options parameter<\/p>\n<p>slickr-flickr id=&#8221;63522826@N02&#8243; tag=&#8221;The Courtyard at Sainte Catherine&#8221; type=&#8221;galleria&#8221; items=&#8221;41&#8243;  sort=&#8221;description&#8221; direction=&#8221;ascending&#8221; flickr_link=&#8221;on&#8221; size=&#8221;large&#8221; options=&#8221;height:600;width:800;transition:fadeSlide&#8221;<\/p>\n<p>In this case the galleria appears below..<\/p>\n<div id=\"flickr_thecourtyardatsaintecatherine_4192\"><div class=\"slickr-flickr-galleria landscape large  classic\"><div style=\"clear:both\"><\/div><\/div><div style=\"clear:both\"><\/div><\/div>\n<p>The width does not work as intended due to the following element which makes the galleria too narrow for large photos<\/p>\n<p>[code]<br \/>\n.slickr-flickr-galleria.landscape { width: 560px; }<br \/>\n[\/code]<\/p>\n<p>Replace this line in the slickr-flickr.css file with<\/p>\n<p>[code]<br \/>\n.slickr-flickr-galleria.landscape.large { width: 1024px; }<br \/>\n[\/code]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>NOTE: The following issue is relevant up to Slickr Flickr 1.29 &#8211; it is resolved from Slickr Flickr 1.30 onwards Most Galleria themes automatically calculate their required size based on the photos. The exception is the default &#8216;classic&#8217; theme where you need to specify the height and width specifically. For small, medium and medium 640 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-285","post","type-post","status-publish","format-standard","category-examples","entry"],"_links":{"self":[{"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/posts\/285","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/comments?post=285"}],"version-history":[{"count":0,"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/posts\/285\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/media?parent=285"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/categories?post=285"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.slickrflickr.com\/members\/wp-json\/wp\/v2\/tags?post=285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}