{"id":1114,"date":"2021-01-02T00:31:08","date_gmt":"2021-01-01T16:31:08","guid":{"rendered":"https:\/\/www.yohz.com\/blogs\/?p=1114"},"modified":"2021-01-02T00:31:08","modified_gmt":"2021-01-01T16:31:08","slug":"creating-a-slideshow-using-dicom-images","status":"publish","type":"post","link":"https:\/\/www.yohz.com\/blogs\/2021\/01\/02\/creating-a-slideshow-using-dicom-images\/","title":{"rendered":"Creating a slideshow using DICOM images"},"content":{"rendered":"<p>In <a href=\"https:\/\/www.dicomsearch.com\">DICOM Search<\/a> 1.3, we added the option to create a HTML slideshow from the images in your search results.\u00a0 Click <a href=\"https:\/\/www.yohz.com\/slideshow\/sample01\/index.html\">here<\/a> to see a sample slideshow.<\/p>\n<p>You need to first run a query to retrieve some images.\u00a0 Let&#8217;s search for all MR images for the brain, from the <a href=\"https:\/\/www.yohz.com\/tutorials\/dicomsearch\/files\/sample.zip\">sample images<\/a> used by our <a href=\"https:\/\/www.yohz.com\/tutorials\/dicomsearch\/index.htm\">tutorial<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1135\" src=\"https:\/\/www.yohz.com\/blogs\/wp-content\/uploads\/2021\/01\/slideshow02.png\" alt=\"\" width=\"605\" height=\"141\" srcset=\"https:\/\/www.yohz.com\/blogs\/wp-content\/uploads\/2021\/01\/slideshow02.png 605w, https:\/\/www.yohz.com\/blogs\/wp-content\/uploads\/2021\/01\/slideshow02-300x70.png 300w\" sizes=\"(max-width: 605px) 100vw, 605px\" \/><\/p>\n<p>This returns 13 images.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1136\" src=\"https:\/\/www.yohz.com\/blogs\/wp-content\/uploads\/2021\/01\/slideshow03.png\" alt=\"\" width=\"907\" height=\"335\" srcset=\"https:\/\/www.yohz.com\/blogs\/wp-content\/uploads\/2021\/01\/slideshow03.png 907w, https:\/\/www.yohz.com\/blogs\/wp-content\/uploads\/2021\/01\/slideshow03-300x111.png 300w, https:\/\/www.yohz.com\/blogs\/wp-content\/uploads\/2021\/01\/slideshow03-768x284.png 768w, https:\/\/www.yohz.com\/blogs\/wp-content\/uploads\/2021\/01\/slideshow03-624x230.png 624w\" sizes=\"(max-width: 907px) 100vw, 907px\" \/><\/p>\n<p>Let&#8217;s create a slideshow containing these 13 images.\u00a0 Click on the <strong>Create HTML slideshow<\/strong> button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1137\" src=\"https:\/\/www.yohz.com\/blogs\/wp-content\/uploads\/2021\/01\/slideshow04.png\" alt=\"\" width=\"492\" height=\"185\" srcset=\"https:\/\/www.yohz.com\/blogs\/wp-content\/uploads\/2021\/01\/slideshow04.png 492w, https:\/\/www.yohz.com\/blogs\/wp-content\/uploads\/2021\/01\/slideshow04-300x113.png 300w\" sizes=\"(max-width: 492px) 100vw, 492px\" \/><\/p>\n<p>This brings up the <strong>Create HTML Slideshow<\/strong> options.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1138\" src=\"https:\/\/www.yohz.com\/blogs\/wp-content\/uploads\/2021\/01\/slideshow05.png\" alt=\"\" width=\"622\" height=\"486\" srcset=\"https:\/\/www.yohz.com\/blogs\/wp-content\/uploads\/2021\/01\/slideshow05.png 622w, https:\/\/www.yohz.com\/blogs\/wp-content\/uploads\/2021\/01\/slideshow05-300x234.png 300w\" sizes=\"(max-width: 622px) 100vw, 622px\" \/><\/p>\n<p>The <strong>HTML file name<\/strong> is the name of the html file you want to create.\u00a0 The <strong>Slideshow template file name<\/strong> is the slideshow template to use.\u00a0 <a href=\"https:\/\/www.dicomsearch.com\">DICOM Search<\/a> ships with 2 templates, which you can easily customize to your needs.<\/p>\n<p>You can also resize the images to fit a specific width and height in pixels.\u00a0 Additionally, you can also add a colored border around the image.\u00a0 This is useful when you want to display information profiles in the images.<\/p>\n<p>For this example, we will create a gray border of 360 pixels on the left, 80 pixels on the right, and 10 pixels for top and bottom.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1140\" src=\"https:\/\/www.yohz.com\/blogs\/wp-content\/uploads\/2021\/01\/slideshow08.png\" alt=\"\" width=\"622\" height=\"486\" srcset=\"https:\/\/www.yohz.com\/blogs\/wp-content\/uploads\/2021\/01\/slideshow08.png 622w, https:\/\/www.yohz.com\/blogs\/wp-content\/uploads\/2021\/01\/slideshow08-300x234.png 300w\" sizes=\"(max-width: 622px) 100vw, 622px\" \/><\/p>\n<p>On the next page, you can choose to embed DICOM tag values in your images using information profiles.\u00a0 You can also set various attributes like margins and fonts.\u00a0 Here, we&#8217;ll just select the <b>Common details <\/b>information profile.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1141\" src=\"https:\/\/www.yohz.com\/blogs\/wp-content\/uploads\/2021\/01\/slideshow09.png\" alt=\"\" width=\"622\" height=\"486\" srcset=\"https:\/\/www.yohz.com\/blogs\/wp-content\/uploads\/2021\/01\/slideshow09.png 622w, https:\/\/www.yohz.com\/blogs\/wp-content\/uploads\/2021\/01\/slideshow09-300x234.png 300w\" sizes=\"(max-width: 622px) 100vw, 622px\" \/><\/p>\n<p><a href=\"https:\/\/www.dicomsearch.com\">DICOM Search<\/a> then creates your slideshow.\u00a0 When completed, click on the <strong>Open slideshow<\/strong> button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1142\" src=\"https:\/\/www.yohz.com\/blogs\/wp-content\/uploads\/2021\/01\/slideshow10.png\" alt=\"\" width=\"622\" height=\"486\" srcset=\"https:\/\/www.yohz.com\/blogs\/wp-content\/uploads\/2021\/01\/slideshow10.png 622w, https:\/\/www.yohz.com\/blogs\/wp-content\/uploads\/2021\/01\/slideshow10-300x234.png 300w\" sizes=\"(max-width: 622px) 100vw, 622px\" \/><\/p>\n<p>Windows should then open the slideshow file in your browser.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1143\" src=\"https:\/\/www.yohz.com\/blogs\/wp-content\/uploads\/2021\/01\/slideshow12.png\" alt=\"\" width=\"1260\" height=\"626\" srcset=\"https:\/\/www.yohz.com\/blogs\/wp-content\/uploads\/2021\/01\/slideshow12.png 1260w, https:\/\/www.yohz.com\/blogs\/wp-content\/uploads\/2021\/01\/slideshow12-300x149.png 300w, https:\/\/www.yohz.com\/blogs\/wp-content\/uploads\/2021\/01\/slideshow12-1024x509.png 1024w, https:\/\/www.yohz.com\/blogs\/wp-content\/uploads\/2021\/01\/slideshow12-768x382.png 768w, https:\/\/www.yohz.com\/blogs\/wp-content\/uploads\/2021\/01\/slideshow12-624x310.png 624w\" sizes=\"(max-width: 1260px) 100vw, 1260px\" \/><\/p>\n<p>Note the following:<\/p>\n<ul>\n<li>you can customize the slideshow templates to change the appearance<\/li>\n<li>the DICOM tag values from the selected <a href=\"https:\/\/www.yohz.com\/help\/dicomsearch\/information_profiles.htm\">information profile<\/a> are embedded in the image<\/li>\n<li>the margins are used so that the tag values do not cover the image<\/li>\n<li>you can easily create <a href=\"https:\/\/www.yohz.com\/help\/dicomsearch\/information_profiles.htm\">information profiles<\/a> that display a lot more information to be embedded in the slideshow images<\/li>\n<\/ul>\n<div class=\"fcbkbttn_buttons_block\" id=\"fcbkbttn_left\"><div class=\"fcbkbttn_like \"><fb:like href=\"https:\/\/www.yohz.com\/blogs\/2021\/01\/02\/creating-a-slideshow-using-dicom-images\/\" action=\"like\" colorscheme=\"light\" layout=\"button\"  size=\"small\"><\/fb:like><\/div><div class=\"fb-share-button  \" data-href=\"https:\/\/www.yohz.com\/blogs\/2021\/01\/02\/creating-a-slideshow-using-dicom-images\/\" data-type=\"button\" data-size=\"small\"><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>In DICOM Search 1.3, we added the option to create a HTML slideshow from the images in your search results.\u00a0 Click here to see a sample slideshow. You need to first run a query to retrieve some images.\u00a0 Let&#8217;s search for all MR images for the brain, from the sample images used by our tutorial. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[126],"tags":[129],"_links":{"self":[{"href":"https:\/\/www.yohz.com\/blogs\/wp-json\/wp\/v2\/posts\/1114"}],"collection":[{"href":"https:\/\/www.yohz.com\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yohz.com\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yohz.com\/blogs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yohz.com\/blogs\/wp-json\/wp\/v2\/comments?post=1114"}],"version-history":[{"count":2,"href":"https:\/\/www.yohz.com\/blogs\/wp-json\/wp\/v2\/posts\/1114\/revisions"}],"predecessor-version":[{"id":1159,"href":"https:\/\/www.yohz.com\/blogs\/wp-json\/wp\/v2\/posts\/1114\/revisions\/1159"}],"wp:attachment":[{"href":"https:\/\/www.yohz.com\/blogs\/wp-json\/wp\/v2\/media?parent=1114"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yohz.com\/blogs\/wp-json\/wp\/v2\/categories?post=1114"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yohz.com\/blogs\/wp-json\/wp\/v2\/tags?post=1114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}