Culture + Style

Seeing the Past: 6 Historical Chicago Attractions

Chicago’s storied past is on display all throughout the city — all you have to do is look for it. From architecture and design to silent movies, watch the Windy City’s history come alive before your eyes.

led by one of the Chicago Architectural Foundation's expert volunteers.
(Photo: Chuck Eckert / Alamy)
";data_gallery_5["1"]["alt"]="Chicago River Cruise";data_gallery_5["2"]=[];data_gallery_5["2"]["id"]="2";data_gallery_5["2"]["image_url"]="https://rvca738f6h5tbwmj3mxylox3-wpengine.netdna-ssl.com/wp-content/uploads/2015/06/chicagohistorymuseum.jpg";data_gallery_5["2"]["description"]="The Chicago History Museum offers a fresh take on the city's past, like an exhibition of “nanny photographer' Vivian Maier's candid scenes of Chicago, where she lived from 1959 until her death in 2009.
(Photo: Joe Ferrer / Alamy)
";data_gallery_5["2"]["alt"]="Chicago History Museum";data_gallery_5["3"]=[];data_gallery_5["3"]["id"]="3";data_gallery_5["3"]["image_url"]="https://rvca738f6h5tbwmj3mxylox3-wpengine.netdna-ssl.com/wp-content/uploads/2015/06/robiehouse.jpg";data_gallery_5["3"]["description"]="Built in 1908 and today on the University of Chicago campus, the Robie House is a prime example of renowned Chicago-based American architect Frank Lloyd Wright's homegrown Prairie Style. It's even the subject of a children's mystery book, “The Wright 3.'
(Photo: Skjold / Alamy)
";data_gallery_5["3"]["alt"]="The Robie House";data_gallery_5["4"]=[];data_gallery_5["4"]["id"]="4";data_gallery_5["4"]["image_url"]="https://rvca738f6h5tbwmj3mxylox3-wpengine.netdna-ssl.com/wp-content/uploads/2015/06/manhattanbuilding.jpg";data_gallery_5["4"]["description"]="Chicago, site of the world's first skyscraper, still harbors the oldest surviving example of this revolutionary era — the 16-story Manhattan Building, built in 1889 — and others along a two-block stretch of South Dearborn Avenue. Fittingly, the city will host the country's first showcase of architectural innovation, the Chicago Architectural Biennial, beginning on October 3, 2015.
(Photo: Pawel Gaul/Getty Images)
";data_gallery_5["4"]["alt"]="The world's oldest surviving skyscraper";data_gallery_5["5"]=[];data_gallery_5["5"]["id"]="5";data_gallery_5["5"]["image_url"]="https://rvca738f6h5tbwmj3mxylox3-wpengine.netdna-ssl.com/wp-content/uploads/2015/06/scienceindustrybuilding.jpg";data_gallery_5["5"]["description"]="Originally built for the 1893 World's Columbian Exhibition, the Museum of Science and Industry is the largest science museum in the Western Hemisphere, with 400,000 square feet of interactive exhibits including “Yesterday's Main Street' recreating a 1910-era Chicago street with period businesses. You can even watch a silent movie!
(Photo: Henryk Sadura/Getty Images)
";data_gallery_5["5"]["alt"]="Museum of Science and Industry"; var huge_it_trans_in_progress_gallery_5 = false; var huge_it_transition_duration_gallery_5 = 400; var huge_it_skip_first_transition_gallery_5 = false; var huge_it_playInterval_gallery_5; // Stop autoplay. window.clearInterval(huge_it_playInterval_gallery_5); // alert('huge_it_current_key_gallery_5'); var huge_it_current_key_gallery_5 = ''; function getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i=0; i' + slides; jQuery('.slideshow-count').html(str); } function huge_it_update_addthis_link_5(imageId) { jQuery('.huge_it_slideshow_gallery .social').css('display', ''); jQuery('.huge_it_slideshow_gallery .social.social-share-image-' + imageId).css('display', 'block'); } function huge_it_testBrowser_cssTransitions_gallery_5() { return huge_it_testDom_gallery_5('Transition'); } function huge_it_testBrowser_cssTransforms3d_gallery_5() { return huge_it_testDom_gallery_5('Perspective'); } function huge_it_testDom_gallery_5(prop) { // Browser vendor CSS prefixes. var browserVendors = ['', '-webkit-', '-moz-', '-ms-', '-o-', '-khtml-']; // Browser vendor DOM prefixes. var domPrefixes = ['', 'Webkit', 'Moz', 'ms', 'O', 'Khtml']; var i = domPrefixes.length; while (i--) { if (typeof document.body.style[domPrefixes[i] + prop] !== 'undefined') { return true; } } return false; } function huge_it_cube_gallery_5(tz, ntx, nty, nrx, nry, wrx, wry, current_image_class, next_image_class, direction) { /* If browser does not support 3d transforms/CSS transitions.*/ if (!huge_it_testBrowser_cssTransitions_gallery_5()) { jQuery(".huge_it_slideshow_dots_gallery_5").removeClass("huge_it_slideshow_dots_active_gallery_5").addClass("huge_it_slideshow_dots_deactive_gallery_5"); jQuery("#huge_it_dots_" + huge_it_current_key_gallery_5 + "_gallery_5").removeClass("huge_it_slideshow_dots_deactive_gallery_5").addClass("huge_it_slideshow_dots_active_gallery_5"); return huge_it_fallback_gallery_5(current_image_class, next_image_class, direction); } if (!huge_it_testBrowser_cssTransforms3d_gallery_5()) { return huge_it_fallback3d_gallery_5(current_image_class, next_image_class, direction); } huge_it_trans_in_progress_gallery_5 = true; /* Set active thumbnail.*/ jQuery(".huge_it_slideshow_dots_gallery_5").removeClass("huge_it_slideshow_dots_active_gallery_5").addClass("huge_it_slideshow_dots_deactive_gallery_5"); jQuery("#huge_it_dots_" + huge_it_current_key_gallery_5 + "_gallery_5").removeClass("huge_it_slideshow_dots_deactive_gallery_5").addClass("huge_it_slideshow_dots_active_gallery_5"); jQuery(".huge_it_slide_bg_gallery_5").css('perspective', 1000); jQuery(current_image_class).css({ transform : 'translateZ(' + tz + 'px)', backfaceVisibility : 'hidden' }); jQuery(".huge_it_slideshow_image_wrap_gallery_5,.huge_it_slide_bg_gallery_5,.huge_it_slideshow_image_item_gallery_5,.huge_it_slideshow_image_second_item_gallery_5 ").css('overflow', 'visible'); jQuery(next_image_class).css({ opacity : 1, filter: 'Alpha(opacity=100)', backfaceVisibility : 'hidden', transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)' }); jQuery(".huge_it_slider_gallery_5").css({ transform: 'translateZ(-' + tz + 'px)', transformStyle: 'preserve-3d' }); /* Execution steps.*/ setTimeout(function () { jQuery(".huge_it_slider_gallery_5").css({ transition: 'all ' + huge_it_transition_duration_gallery_5 + 'ms ease-in-out', transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)' }); }, 20); /* After transition.*/ jQuery(".huge_it_slider_gallery_5").one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans)); function huge_it_after_trans() { /*if (huge_it_from_focus_gallery_5) { huge_it_from_focus_gallery_5 = false; return; }*/ jQuery(".huge_it_slide_bg_gallery_5,.huge_it_slideshow_image_item_gallery_5,.huge_it_slideshow_image_second_item_gallery_5 ").css('overflow', 'hidden'); jQuery(".huge_it_slide_bg_gallery_5").removeAttr('style'); jQuery(current_image_class).removeAttr('style'); jQuery(next_image_class).removeAttr('style'); jQuery(".huge_it_slider_gallery_5").removeAttr('style'); jQuery(current_image_class).css({'opacity' : 0, filter: 'Alpha(opacity=0)', 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, filter: 'Alpha(opacity=100)', 'z-index' : 2}); // huge_it_change_watermark_container_gallery_5(); huge_it_trans_in_progress_gallery_5 = false; if (typeof event_stack_gallery_5 !== 'undefined' && event_stack_gallery_5.length > 0) { key = event_stack_gallery_5[0].split("-"); event_stack_gallery_5.shift(); huge_it_change_image_gallery_5(key[0], key[1], data_gallery_5, true,false); } } } function huge_it_cubeH_gallery_5(current_image_class, next_image_class, direction) { /* Set to half of image width.*/ var dimension = jQuery(current_image_class).width() / 2; if (direction == 'right') { huge_it_cube_gallery_5(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction); } else if (direction == 'left') { huge_it_cube_gallery_5(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction); } } function huge_it_cubeV_gallery_5(current_image_class, next_image_class, direction) { /* Set to half of image height.*/ var dimension = jQuery(current_image_class).height() / 2; /* If next slide.*/ if (direction == 'right') { huge_it_cube_gallery_5(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction); } else if (direction == 'left') { huge_it_cube_gallery_5(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction); } } /* For browsers that does not support transitions.*/ function huge_it_fallback_gallery_5(current_image_class, next_image_class, direction) { huge_it_fade_gallery_5(current_image_class, next_image_class, direction); } /* For browsers that support transitions, but not 3d transforms (only used if primary transition makes use of 3d-transforms).*/ function huge_it_fallback3d_gallery_5(current_image_class, next_image_class, direction) { huge_it_sliceV_gallery_5(current_image_class, next_image_class, direction); } function huge_it_none_gallery_5(current_image_class, next_image_class, direction) { jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2}); /* Set active thumbnail.*/ jQuery(".huge_it_slideshow_dots_gallery_5").removeClass("huge_it_slideshow_dots_active_gallery_5").addClass("huge_it_slideshow_dots_deactive_gallery_5"); jQuery("#huge_it_dots_" + huge_it_current_key_gallery_5 + "_gallery_5").removeClass("huge_it_slideshow_dots_deactive_gallery_5").addClass("huge_it_slideshow_dots_active_gallery_5"); } function huge_it_fade_gallery_5(current_image_class, next_image_class, direction) { if (huge_it_testBrowser_cssTransitions_gallery_5()) { jQuery(next_image_class).css('transition', 'opacity ' + huge_it_transition_duration_gallery_5 + 'ms linear'); jQuery(current_image_class).css('transition', 'opacity ' + huge_it_transition_duration_gallery_5 + 'ms linear'); jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2}); jQuery(current_image_class).find('.huge_it_slideshow_text_block_gallery_5').fadeOut(); jQuery(next_image_class).find('.huge_it_slideshow_text_block_gallery_5').delay(300).fadeIn(); } else { jQuery(current_image_class).animate({'opacity' : 0, 'z-index' : 1}, huge_it_transition_duration_gallery_5); jQuery(next_image_class).animate({ 'opacity' : 1, 'z-index': 2 }, { duration: huge_it_transition_duration_gallery_5, complete: function () }); // For IE. jQuery(current_image_class).fadeTo(huge_it_transition_duration_gallery_5, 0); jQuery(next_image_class).fadeTo(huge_it_transition_duration_gallery_5, 1); jQuery(current_image_class).find('.huge_it_slideshow_text_block_gallery_5').fadeOut(); jQuery(next_image_class).find('.huge_it_slideshow_text_block_gallery_5').delay(300).fadeIn(); } jQuery(".huge_it_slideshow_dots_gallery_5").removeClass("huge_it_slideshow_dots_active_gallery_5").addClass("huge_it_slideshow_dots_deactive_gallery_5"); jQuery("#huge_it_dots_" + huge_it_current_key_gallery_5 + "_gallery_5").removeClass("huge_it_slideshow_dots_deactive_gallery_5").addClass("huge_it_slideshow_dots_active_gallery_5"); } function huge_it_grid_gallery_5(cols, rows, ro, tx, ty, sc, op, current_image_class, next_image_class, direction) { /* If browser does not support CSS transitions.*/ if (!huge_it_testBrowser_cssTransitions_gallery_5()) { jQuery(".huge_it_slideshow_dots_gallery_5").removeClass("huge_it_slideshow_dots_active_gallery_5").addClass("huge_it_slideshow_dots_deactive_gallery_5"); jQuery("#huge_it_dots_" + huge_it_current_key_gallery_5 + "_gallery_5").removeClass("huge_it_slideshow_dots_deactive_gallery_5").addClass("huge_it_slideshow_dots_active_gallery_5"); return huge_it_fallback_gallery_5(current_image_class, next_image_class, direction); } huge_it_trans_in_progress_gallery_5 = true; /* Set active thumbnail.*/ jQuery(".huge_it_slideshow_dots_gallery_5").removeClass("huge_it_slideshow_dots_active_gallery_5").addClass("huge_it_slideshow_dots_deactive_gallery_5"); jQuery(next_image_class).css('opacity', 1); jQuery("#huge_it_dots_" + huge_it_current_key_gallery_5 + "_gallery_5").removeClass("huge_it_slideshow_dots_deactive_gallery_5").addClass("huge_it_slideshow_dots_active_gallery_5"); /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/ var count = (huge_it_transition_duration_gallery_5) / (cols + rows); /* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/ function huge_it_gridlet(width, height, top, img_top, left, img_left, src, imgWidth, imgHeight, c, r, timing) { var delay = (timing < 100) ? 1 : (c + r) * count; var time="(timing" < huge_it_transition_duration_gallery_5; /> Return a gridlet elem with styles for specific transition.*/ return jQuery('