CINXE.COM
Photography and Prints timeline | Historyworld
<!DOCTYPE html> <html lang="en"> <head> <script src="https://the.gatekeeperconsent.com/cmp.min.js" data-cfasync="false"></script> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="csrf-token" content="r30NRN9uoCIUPpoeCxcTOauI80LxiDPve7fULwnv"> <title>Photography and Prints timeline | Historyworld</title> <meta name="description" , content="HistoryWorld contains narrative world history and interactive world history timelines."> <link href="https://www.historyworld.net/favicon.ico" rel="icon"> <!-- Google Fonts --> <!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Roboto:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet"> --> <link href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.5.0/css/flag-icon.min.css" rel="stylesheet" type="text/css"> <!-- Vendor CSS Files --> <link href="https://www.historyworld.net/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link href="https://www.historyworld.net/assets/vendor/icofont/icofont.min.css" rel="stylesheet"> <!-- <link href="https://www.historyworld.net/assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet"> --> <link href="https://www.historyworld.net/assets/vendor/animate.css/animate.min.css" rel="stylesheet"> <link href="https://www.historyworld.net/css/minify/remixicon.css" rel="stylesheet"> <link href="https://www.historyworld.net/assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet"> <link href="https://www.historyworld.net/css/minify/venobox.css" rel="stylesheet"> <link href="https://www.historyworld.net/css/minify/aos.css" rel="stylesheet"> <!-- <link href="https://www.historyworld.net/assets/css/bootstrap-datepicker.css" rel="stylesheet"> --> <link rel="stylesheet" href="https://www.historyworld.net/css/minify/hwico.css"> <link rel="stylesheet" href="https://www.historyworld.net/css/minify/hwcss.css"> <!-- w3 modal --> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <!-- Template Main CSS File --> <link href="https://www.historyworld.net/css/minify/treeStructure.css" rel="stylesheet"> <link href="https://www.historyworld.net/css/minify/style.css" rel="stylesheet"> <link href="https://www.historyworld.net/css/minify/custom.css" rel="stylesheet"> <link href="https://www.historyworld.net/css/minify/spinners.css" rel="stylesheet"> <!-- Select2 --> <link href="https://www.historyworld.net/assets/vendor/select2/css/select2.min.css" rel="stylesheet"> <style type="text/css"> .spinner-box { width: 100%; height: 100%; top: 0px; position: fixed; z-index: 99999; background-color: rgba(0, 0, 0, 0.3); } #mobile_search_terms .search-form { padding: 15px 15px; } </style> <!-- <link rel="stylesheet" href="https://www.historyworld.net/css/swiper.min.css"> --> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-370390-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-370390-1'); </script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-G365G47KXJ"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-G365G47KXJ'); </script> </head> <body> <script async src="https://www.ezojs.com/ezoic/sa.min.js"></script> <script> window.ezstandalone = window.ezstandalone || {}; ezstandalone.cmd = ezstandalone.cmd || []; </script> <script> window.__ow = window.__ow || {}; window.__ow.organizationId = "cfccb500-4dcd-44e2-8fd0-cb1d7158489b"; ;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[OpenWidget] You can’t use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.openwidget.com/openwidget.js",t.head.appendChild(n)}};!n.__ow.asyncInit&&e.init(),n.OpenWidget=n.OpenWidget||e}(window,document,[].slice)) </script> <noscript>You need to <a href="https://www.openwidget.com/enable-javascript" rel="noopener nofollow">enable JavaScript</a> to use the communication tool powered by <a href="https://www.openwidget.com/" rel="noopener nofollow" target="_blank">OpenWidget</a></noscript> <div class="spinner-box"> <svg class="circular" viewBox="25 25 50 50"> <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10"/> </svg> </div> <div id="preloader"></div> <!--[if IE]> <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p> <![endif]--> <!-- <div class="top-right links"> <a href="https://www.historyworld.net/login">Login</a> <a href="https://www.historyworld.net/register">Register</a> </div> --> <!-- Historyworld header --> <header id="header" class="fixed-top absolute"> <div class="container d-flex align-items-center p-0"> <div class="mobile-title"> <a href="/" class="icon-block text-white font-weight-bold"> <img src="https://www.historyworld.net/favicon.svg" width="45px" height="45px" alt="Logo">istoryworld </a> </div> <!-- <div class="desktop-none"> --> <div class="mobile-title section-icons"> <a href="/histories" class="icon-block"> <img src="https://www.historyworld.net/assets/img/histories.svg" alt="History Icon" id="histories"> </a> <a href="/timelines" class="icon-block"> <img src="https://www.historyworld.net/assets/img/timelines.svg" alt="Timeline Icon" id="timelines"> </a> </div> <!-- nav-menu --> <nav class="nav-menu"> <ul> <li class=" "> <a href="/">Home</a> </li> <li class="drop-down histories "> <img src="https://www.historyworld.net/assets/img/histories.svg" alt="Histories Icon" id="histories"> <a href="/histories">Histories</a> <ul> <li><a href="/histories">List of Histories</a></li> </ul> </li> <li class="drop-down timelines "> <img src="https://www.historyworld.net/assets/img/timelines.svg" alt="Timelines Icon" id="timelines"> <a href="/timelines">Timelines</a> <ul> <li><a href="/timelines">Featured Timelines</a></li> <li><a href="/event-timelines">Search Timelines</a></li> </ul> </li> <li class="drop-down about_us "> <a href="/about_us">About us</a> <ul> <li><a href="/about_us">About us</a></li> <li><a href="/attribution_copyright">Attribution</a></li> <li><a href="/cookie_policy">Cookies & Privacy</a></li> </ul> </li> </ul> </nav> <!-- // nav-menu --> </div> </header> <!-- Header Ends --> <!-- Hero section --> <section id="hero" class="d-flex align-items-center"> <div class="container" data-aos="fade" data-aos-delay="100"> <div class="row justify-content-between flex-nowrap hero-section"> <div class="col-md-4 logo"> <a href="https://www.historyworld.net"><img src="https://www.historyworld.net/assets/img/HWhomelogo.png"></a> </div> <div class="col-md-8 mt-1 ads-container"> <!-- <h1><font class="hero-title">Timelines</font> <span class="js-text-animation"></span></h1> <h2>Make History Make Sense</h2> --> <!-- Top Ads Starts --> <div id="ezoic-pub-ad-placeholder-118"></div> <script> ezstandalone.cmd.push(function() { ezstandalone.showAds(118); }); </script> <!-- Top Ads Ends --> </div> </div> </div> </section> <main id="main"> <form action="https://www.historyworld.net/event-timelines" method="get" id="mobile_search_terms"> <div class="card search-card mobile-search-card"> <!-- <h5 class="card-header" role="tab" id="searchCard"> <a data-toggle="collapse" data-parent="#mobile_search_terms" href="#collapseSearch" aria-expanded="false" aria-controls="collapseSearch" class="collapsed d-block"> <i class="icofont-search-2"></i> <i class="fa fa-chevron-down pull-right"></i>Search options </a> </h5> --> <div class="row text-center search-form"> <div class="input-group col-md-12 pl-0 pr-0"> <!-- <input type="text" id="mobile_text_all_search" class="mobile-text-search form-control" placeholder="Search for text"> --> <input type="text" name="q" value="" class="form-control" placeholder="Search for text" inputmode="search"/> <div class="input-group-append" id="top-apply-button"> <button type="submit" class="btn btn-primary"> <i class="icofont-search-2"></i> </button> </div> </div> </div> </div> </form> <!-- Histroyworld All Starts --> <section id="blog" class="blog timeline-page"> <div class="container"> <div class="row justify-content-center"> <!-- Left Sidebar Starts --> <div class="col-lg-4 p-0 pt-lg-4 left-side"> <!-- Search Form Starts --> <form action="https://www.historyworld.net/event-timelines" method="get" id="pc_search_terms"> <div class="sidebar p-3" data-aos="fade-up"> <div class="row p-3"> <div class="col-md-4 p-0"> <h3 class="sidebar-title">Search</h3> </div> <div class="col-md-8 p-0 text-right"> <div class="btn-group"> <a href="https://www.historyworld.net/featured-timelines" class="hw-search-type btn btn-default btn-sm active">Featured</a> <a href="https://www.historyworld.net/event-timelines" class="hw-search-type btn btn-default btn-sm">All</a> </div> </div> </div> <div class="sidebar-item search-form mb-lg-3"> <div id="featued_view_text_search" class="form"> <input type="text" name="q" id="text_featured_search" class="form-control" required minlength="2" placeholder="Search for text" inputmode="search" oninput="changeLink(this)"> <button type="submit" class="textSearch"><i class="icofont-search-2"></i> </button> </div> </div> <a id="search-in-histories" class="p-1" href="#">More results in Histories</a> </div> <!-- <div class="sidebar p-3 mt-3"> <div class="sidebar-item categories"> <ul class="mb-0 text-capitalize"> <li><a href="#">featured timelines</a></li> <li><a href="#">people</a></li> <li><a href="#">places</a></li> </ul> </div> </div> --> </form> <!-- Search Form Ends --> <!-- Featured Events Pagination submit form --> <form action="https://www.historyworld.net/featured-timelines/arts/photography-and-prints" method="get" id="featured_events_frm"> </form> <!-- Left Ads Starts --> <div id="ezoic-pub-ad-placeholder-124"></div> <script> ezstandalone.cmd.push(function() { ezstandalone.showAds(124); }); console.log(ezstandalone.cmd) </script> <br /> <div id="ezoic-pub-ad-placeholder-126"></div> <script> ezstandalone.cmd.push(function() { ezstandalone.showAds(126); }); </script> <!-- Left Ads Ends --> </div> <!-- Left Sidebar Ends --> <!-- Eevent List Starts --> <div class="col-lg-8 entries"> <div id="accordion" role="tablist" aria-multiselectable="true" data-aos="fade-up"> <div> <h4 class="timeline-title"> <span id="search_title">Photography and Prints timeline</span> <a href="javascript:void(0)" id="all_collapse_btn"><i class="fa fa-chevron-left pull-right" style="font-size: 23px;"></i></a> </h4> <div class="history-world-container"> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading0" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse0" aria-expanded="false" href="#collapse0"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">1455 <br> First printed engravings</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse0" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading0"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">Master ES becomes the first artist to produce engravings</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Master_E._S." target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Master E. S. </a><br> <a href="https://en.wikipedia.org/wiki/Master_of_the_Playing_Cards" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Master of the Playing Cards </a><br> <a href="https://en.wikipedia.org/wiki/Master_L._Cz." target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Master L. Cz. </a><br> <a href="https://en.wikipedia.org/wiki/Israhel_van_Meckenem" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Israhel van Meckenem </a><br> <a href="/history/renaissance/599?section=germanPioneers&heading=woodcutEngravingAndEtching" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> Renaissance </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading1" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse1" aria-expanded="false" href="#collapse1"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">1649 <br> Hundred <i>guilder</i> for one print</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse1" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading1"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">Rembrandt creates an etching so desirable that it becomes known as the <i>Hundred Guilder Print</i></p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Hundred_Guilder_Print" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Hundred Guilder Print </a><br> <a href="https://en.wikipedia.org/wiki/File:Rembrandt_Study_for_the_Hundred-guilder_Print.jpg" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> File:Rembrandt Study for the Hundred-guilder Print.jpg </a><br> <a href="https://en.wikipedia.org/wiki/Wikipedia:Featured_picture_candidates/File:Rembrandt_The_Hundred_Guilder_Print.jpg" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> File:Rembrandt The Hundred Guilder Print.jpg </a><br> <a href="https://en.wikipedia.org/wiki/File:Leopold_Flameng_after_Rembrandt_van_Rijn,_The_Hundred_Guilder_Print,_NGA_50674.jpg" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> File:Leopold Flameng after Rembrandt van Rijn, The Hundred Guilder Print, NGA 50674.jpg </a><br> <a href="/history/netherlandsArt/605?section=17thCentury&heading=rembrandt" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> Netherlands art </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading2" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse2" aria-expanded="false" href="#collapse2"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">1650 <br> Japan's floating world</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse2" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading2"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">The pleasure districts of Edo and Kyoto provide the delights of <i>ukiyo-e</i>, the 'floating world'</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/The_Fifty-three_Stations_of_the_T%C5%8Dkaid%C5%8D" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> The Fifty-three Stations of the Tōkaidō </a><br> <a href="https://en.wikipedia.org/wiki/Kamigata" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Kamigata </a><br> <a href="https://en.wikipedia.org/wiki/Ukiyo-e" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Ukiyo-e </a><br> <a href="https://en.wikipedia.org/wiki/Hiroshige" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Hiroshige </a><br> <a href="/history/japan/404?section=17th18thCentury&heading=iukiyoEi" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> Japan </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading3" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse3" aria-expanded="false" href="#collapse3"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">1768 <br> Technique of aquatint discovered</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse3" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading3"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">A French artist, Jean Baptiste le Prince, discovers the aquatint technique in printmaking</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Jean-Baptiste_Le_Prince" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Jean-Baptiste Le Prince </a><br> <a href="https://en.wikipedia.org/wiki/Aquatint" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Aquatint </a><br> <a href="https://en.wikipedia.org/wiki/Operation_Aquatint" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Operation Aquatint </a><br> <a href="https://en.wikipedia.org/wiki/Printmaking" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Printmaking </a><br> <a href="/history/printing/452?section=18thCentury&heading=edinburghNewTown" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> Printing </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading4" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse4" aria-expanded="false" href="#collapse4"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">1780 <br> Utamaro provides courtesans</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse4" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading4"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">Japanese artist Kitagawa Utamaro is a master of colour woodcuts, often depicting the courtesan district of Edo</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Utamaro" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Utamaro </a><br> <a href="https://en.wikipedia.org/wiki/Three_Beauties_of_the_Present_Day" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Three Beauties of the Present Day </a><br> <a href="https://en.wikipedia.org/wiki/Ukiyo-e" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Ukiyo-e </a><br> <a href="https://en.wikipedia.org/wiki/K%C5%8Dmei_Bijin_Rokkasen" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Kōmei Bijin Rokkasen </a><br> <a href="/history/printing/452?section=postwar&heading=edenAndSuez" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> Printing </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading5" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse5" aria-expanded="false" href="#collapse5"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">1798 <br> Senefelder discovers lithography</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse5" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading5"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">Austrian author Alois Senefelder, experimenting with grease and water on stone, discovers the principles of lithography</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Alois_Senefelder" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Alois Senefelder </a><br> <a href="https://en.wikipedia.org/wiki/Lithography" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Lithography </a><br> <a href="https://en.wikipedia.org/wiki/Talk%3AAlois_Senefelder" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Talk:Alois Senefelder </a><br> <a href="https://en.wikipedia.org/wiki/Photolithography" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Photolithography </a><br> <a href="/history/printing/452?section=18thCentury&heading=neoclassicism" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> Printing </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading6" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse6" aria-expanded="false" href="#collapse6"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">1825 <br> Goya masters lithography</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse6" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading6"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">The elderly Francisco de Goya becomes the first great artist to attempt lithography</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Lithography" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Lithography </a><br> <a href="https://en.wikipedia.org/wiki/Francisco_Goya" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Francisco Goya </a><br> <a href="https://en.wikipedia.org/wiki/The_Bulls_of_Bordeaux" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> The Bulls of Bordeaux </a><br> <a href="https://en.wikipedia.org/wiki/La_Tauromaquia" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> La Tauromaquia </a><br> <a href="/history/printing/452?section=13th17thCentury&heading=ashikagaShogunate" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> Printing </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading7" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse7" aria-expanded="false" href="#collapse7"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">1830 <br> Hokusai does Mount Fuji</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse7" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading7"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">Hokusai begins to publish his famous colour-printed views of Mount Fuji</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Hokusai" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Hokusai </a><br> <a href="https://en.wikipedia.org/wiki/Mount_Fuji" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Mount Fuji </a><br> <a href="https://en.wikipedia.org/wiki/Fine_Wind,_Clear_Morning" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Fine Wind, Clear Morning </a><br> <a href="https://en.wikipedia.org/wiki/Thirty-six_Views_of_Mount_Fuji" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Thirty-six Views of Mount Fuji </a><br> <a href="/history/japan/404?section=17th18thCentury&heading=japaneseColourPrints" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> Japan </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading8" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse8" aria-expanded="false" href="#collapse8"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">1835 <br> Fox Talbot exposes negative</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse8" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading8"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">Fox Talbot exposes the first photographic negatives, among them a view looking out through an oriel window in Lacock Abbey</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Lacock_Abbey" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Lacock Abbey </a><br> <a href="https://en.wikipedia.org/wiki/Henry_Fox_Talbot" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Henry Fox Talbot </a><br> <a href="https://en.wikipedia.org/wiki/File:William_Henry_Fox_Talbot,_by_John_Moffat,_1864.jpg" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> File:William Henry Fox Talbot, by John Moffat, 1864.jpg </a><br> <a href="https://en.wikipedia.org/wiki/The_Pencil_of_Nature" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> The Pencil of Nature </a><br> <a href="/history/dominicanRepublic/204?heading=doubtsAndDictators" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> /dominican-republic/204?heading=doubts-and-dictators </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading9" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse9" aria-expanded="false" href="#collapse9"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">1838 <br> <I>Birds of America</I></a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> </span> </div> </div> </h5> <div id="collapse9" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading9"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">John James Audubon completes publication of the 435 plates forming his 4-volume <I>Birds of America</I></p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/The_Birds_of_America" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> The Birds of America </a><br> <a href="https://en.wikipedia.org/wiki/John_James_Audubon" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> John James Audubon </a><br> <a href="https://en.wikipedia.org/wiki/John_James_Audubon_State_Park" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> John James Audubon State Park </a><br> <a href="https://en.wikipedia.org/wiki/File:%22Azure_Warbler%22_in_Audubon%27s_Birds_of_America.jpg" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> File:"Azure Warbler" in Audubon's Birds of America.jpg </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading10" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse10" aria-expanded="false" href="#collapse10"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">1841 <br> Fox Talbot patents calotype</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse10" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading10"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">Fox Talbot patents the 'calotype', introducing the negative-positive process that becomes standard in photography</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Calotype" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Calotype </a><br> <a href="https://en.wikipedia.org/wiki/Henry_Fox_Talbot" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Henry Fox Talbot </a><br> <a href="https://en.wikipedia.org/wiki/File:William_Henry_Fox_Talbot,_by_John_Moffat,_1864.jpg" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> File:William Henry Fox Talbot, by John Moffat, 1864.jpg </a><br> <a href="https://en.wikipedia.org/wiki/Edinburgh_Calotype_Club" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Edinburgh Calotype Club </a><br> <a href="/history/sudan/40?heading=theMahdiAndTheBritish" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> /sudan/40?heading=the-mahdi-and-the-british </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading11" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse11" aria-expanded="false" href="#collapse11"> <div class="row"> <div class="col-lg-9"> <a href="javascript:void(0)">1848 <br> Cruikshank depicts dangers of alcohol</a> <span class="alignb"> <!-- <a href="javascript:void(0)"><i class="fa fa-image"></i></a> --> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> <div class="col-lg-3"> <img class="event-thumbnail" src="https://historyworld-images.s3.eu-west-2.amazonaws.com/cruikshankphotographxade100.jpg"/> </div> </div> </h5> <div id="collapse11" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading11"> <div class="card-body"> <div class="row"> <div class="col-md-4" style="text-align: center"> <img src="https://historyworld-images.s3.eu-west-2.amazonaws.com/cruikshankphotographxade100.jpg" style=" " /> <!-- <a href="javascript:void(0)" class="gallery-caption"> --> <div class="gallery-caption"> <span>George Cruikshank, </span> </div> <!-- </a> --> </div> <div class="col-md-8"> <p style="margin-bottom: 0;">English caricaturist George Cruikshank publishes <I>The Drunkard's Children</I> in support of the developing Temperance movement</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/George_Cruikshank" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> George Cruikshank </a><br> <a href="https://en.wikipedia.org/wiki/The_Drunkard" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> The Drunkard </a><br> <a href="https://en.wikipedia.org/wiki/Temperance_songs" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Temperance songs </a><br> <a href="https://en.wikipedia.org/wiki/Temperance_movement" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Temperance movement </a><br> <a href="/history/turkey/612?section=toThe15thCentury&heading=sultanateOfRum" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> /turkey/612?section=to-the-15th-century&heading=sultanate-of-rum </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading12" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse12" aria-expanded="false" href="#collapse12"> <div class="row"> <div class="col-lg-9"> <a href="javascript:void(0)">1849 <br> David Roberts' <I>Holy Land</I> etc.</a> <span class="alignb"> <!-- <a href="javascript:void(0)"><i class="fa fa-image"></i></a> --> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> <div class="col-lg-3"> <img class="event-thumbnail" src="https://historyworld-images.s3.eu-west-2.amazonaws.com/robertspetraxacy100.jpg"/> </div> </div> </h5> <div id="collapse12" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading12"> <div class="card-body"> <div class="row"> <div class="col-md-4" style="text-align: center"> <img src="https://historyworld-images.s3.eu-west-2.amazonaws.com/robertspetraxacy100.jpg" style=" " /> <!-- <a href="javascript:void(0)" class="gallery-caption"> --> <div class="gallery-caption"> <span>Roberts <I>Entrance to Petra</I> 1839</span> </div> <!-- </a> --> </div> <div class="col-md-8"> <p style="margin-bottom: 0;">Scottish painter David Roberts completes publication of his 6-volume <I>The Holy Land, Syria, Idumea, Arabia, Egypt & Nubia</I></p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/The_Holy_Land,_Syria,_Idumea,_Arabia,_Egypt,_and_Nubia" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> The Holy Land, Syria, Idumea, Arabia, Egypt, and Nubia </a><br> <a href="https://en.wikipedia.org/wiki/File:The_Holy_Land,_Syria,_Idumea,_Arabia,_Egypt_%26_Nubia_MET_li903.6_R541_F.R.jpg" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> File:The Holy Land, Syria, Idumea, Arabia, Egypt & Nubia MET li903.6 R541 F.R.jpg </a><br> <a href="https://en.wikipedia.org/wiki/Gregory_David_Roberts" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Gregory David Roberts </a><br> <a href="https://en.wikipedia.org/wiki/Template:Did_you_know_nominations/The_Holy_Land,_Syria,_Idumea,_Arabia,_Egypt,_and_Nubia" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> The Holy Land, Syria, Idumea, Arabia, Egypt, and Nubia </a><br> <a href="/history/spain/230?section=christiansAndMuslims&heading=berberDynasties" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> /spain/230?section=christians-and-muslims&heading=berber-dynasties </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading13" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse13" aria-expanded="false" href="#collapse13"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">1851 <br> Collodion process in photography</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> </span> </div> </div> </h5> <div id="collapse13" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading13"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">English photographer Frederick Scott Archer publishes the details of his collodion process, a marked improvement on the earlier calotype negative</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Calotype" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Calotype </a><br> <a href="https://en.wikipedia.org/wiki/Frederick_Scott_Archer" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Frederick Scott Archer </a><br> <a href="https://en.wikipedia.org/wiki/Collodion_process" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Collodion process </a><br> <a href="https://en.wikipedia.org/wiki/Collodion" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Collodion </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading14" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse14" aria-expanded="false" href="#collapse14"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">1855 <br> First war photographer</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse14" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading14"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">Roger Fenton travels out from England to the Crimea – the world's first war photographer</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Roger_Fenton" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Roger Fenton </a><br> <a href="https://en.wikipedia.org/wiki/Crimean_War" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Crimean War </a><br> <a href="https://en.wikipedia.org/wiki/Florence_Nightingale" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Florence Nightingale </a><br> <a href="https://en.wikipedia.org/wiki/Annexation_of_Crimea_by_the_Russian_Federation" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Annexation of Crimea by the Russian Federation </a><br> <a href="/history/englandGreatBritain/93?section=victorianEra18541901&heading=reportingFromTheCrimea" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> England (Great Britain) </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading15" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse15" aria-expanded="false" href="#collapse15"> <div class="row"> <div class="col-lg-9"> <a href="javascript:void(0)">1855 <br> Images published from Crimean front</a> <span class="alignb"> <!-- <a href="javascript:void(0)"><i class="fa fa-image"></i></a> --> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> <div class="col-lg-3"> <img class="event-thumbnail" src="https://historyworld-images.s3.eu-west-2.amazonaws.com/balaclavaxacz100.jpg"/> </div> </div> </h5> <div id="collapse15" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading15"> <div class="card-body"> <div class="row"> <div class="col-md-4" style="text-align: center"> <img src="https://historyworld-images.s3.eu-west-2.amazonaws.com/balaclavaxacz100.jpg" style=" " /> <!-- <a href="javascript:void(0)" class="gallery-caption"> --> <div class="gallery-caption"> <span>Embarking the sick at Balaklava, lithograph 1855</span> </div> <!-- </a> --> </div> <div class="col-md-8"> <p style="margin-bottom: 0;">English artist William Simpson sends sketches from the Crimea which achieve rapid circulation in Britain as tinted lithographs</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Crimean_War" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Crimean War </a><br> <a href="https://en.wikipedia.org/wiki/Florence_Nightingale" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Florence Nightingale </a><br> <a href="https://en.wikipedia.org/wiki/William_Hood_Simpson" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> William Hood Simpson </a><br> <a href="https://en.wikipedia.org/wiki/Annexation_of_Crimea_by_the_Russian_Federation" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Annexation of Crimea by the Russian Federation </a><br> <a href="/history/englandGreatBritain/93?section=victorianEra18541901&heading=reportingFromTheCrimea" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> England (Great Britain) </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading16" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse16" aria-expanded="false" href="#collapse16"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">1855 <br> Christmas magazine with colour plates</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse16" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading16"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">The Christmas issue of the <i>Illustrated London News</i> includes chromolithographs, introducing the era of colour journalism</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Chromolithography" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Chromolithography </a><br> <a href="https://en.wikipedia.org/wiki/The_Illustrated_London_News" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> The Illustrated London News </a><br> <a href="https://en.wikipedia.org/wiki/File:Illustrated_London_News_-_Christmas_Truce_1914.jpg" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> File:Illustrated London News - Christmas Truce 1914.jpg </a><br> <a href="https://en.wikipedia.org/wiki/The_Daily_Telegraph" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> The Daily Telegraph </a><br> <a href="/history/printing/452?heading=baburInIndia" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> Printing </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading17" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse17" aria-expanded="false" href="#collapse17"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">1861 <br> Brady covers Civil War</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse17" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading17"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">Mathew Brady sends teams ot photographers to the various battle fronts to ensure a thorough photographic record of the American Civil War</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/American_Civil_War" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> American Civil War </a><br> <a href="https://en.wikipedia.org/wiki/Mathew_Brady" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Mathew Brady </a><br> <a href="https://en.wikipedia.org/wiki/Confederate_States_of_America" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Confederate States of America </a><br> <a href="https://en.wikipedia.org/wiki/Photographers_of_the_American_Civil_War" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Photographers of the American Civil War </a><br> <a href="/history/communication/60?section=15th16thCentury&heading=reportingFromTheCrimea" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> Communication </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading18" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse18" aria-expanded="false" href="#collapse18"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">1863 <br> Cameron's first camera</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse18" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading18"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">48-year-old Julia Margaret Cameron is given a camera by her daughter, in the Isle of Wight, and decides to concentrate on portraits</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Julia_Margaret_Cameron" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Julia Margaret Cameron </a><br> <a href="https://en.wikipedia.org/wiki/Agnes_Deans_Cameron" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Agnes Deans Cameron </a><br> <a href="https://en.wikipedia.org/wiki/Clan_Cameron" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Clan Cameron </a><br> <a href="https://en.wikipedia.org/wiki/Dimbola_Lodge" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Dimbola Lodge </a><br> <a href="/history/marcoPolo/618?heading=theRoadToXanadu" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> /marco-polo/618?heading=the-road-to-xanadu </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading19" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse19" aria-expanded="false" href="#collapse19"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">1878 <br> Muybridge's <I>Horse in Motion</I></a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> </span> </div> </div> </h5> <div id="collapse19" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading19"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">English-born US photographer Eadweard Muybridge publishes closely linked photographs revealing how a horse goes through its paces</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Eadweard_Muybridge" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Eadweard Muybridge </a><br> <a href="https://en.wikipedia.org/wiki/The_Horse_in_Motion" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> The Horse in Motion </a><br> <a href="https://en.wikipedia.org/wiki/Eadweard_Muybridge,_Zoopraxographer" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Eadweard Muybridge, Zoopraxographer </a><br> <a href="https://en.wikipedia.org/wiki/File:The_Horse_in_Motion-anim.gif" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> File:The Horse in Motion-anim.gif </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading20" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse20" aria-expanded="false" href="#collapse20"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">1879 <br> Swan patents bromide paper</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse20" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading20"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">English physicist Joseph Swan receives a patent for bromide paper, which becomes the standard material for printing photographs</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Joseph_Swan" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Joseph Swan </a><br> <a href="https://en.wikipedia.org/wiki/Thomas_Midgley_Jr." target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Thomas Midgley Jr. </a><br> <a href="https://en.wikipedia.org/wiki/Photographic_paper" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Photographic paper </a><br> <a href="https://en.wikipedia.org/wiki/Silver_bromide" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Silver bromide </a><br> <a href="/history/florence/709?heading=paterPatriae" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> /florence/709?heading=pater-patriae </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading21" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse21" aria-expanded="false" href="#collapse21"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">1882 <br> Muybridge's photographs of motion</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> </span> </div> </div> </h5> <div id="collapse21" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading21"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">Eadweard Muybridge projects slow-motion images of a trotting horse as a demonstration at London's Royal Institution</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Eadweard_Muybridge" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Eadweard Muybridge </a><br> <a href="https://en.wikipedia.org/wiki/Royal_Institution" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Royal Institution </a><br> <a href="https://en.wikipedia.org/wiki/Royal_Institution_Christmas_Lectures" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Royal Institution Christmas Lectures </a><br> <a href="https://en.wikipedia.org/wiki/The_Horse_in_Motion" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> The Horse in Motion </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading22" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse22" aria-expanded="false" href="#collapse22"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">1887 <br> Muybridge's <I>Animal Locomotion</I></a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> </span> </div> </div> </h5> <div id="collapse22" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading22"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">Eadweard Muybridge publishes <I>Animal Locomotion</I>, a folio volume containing 781 pages of photographs</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Eadweard_Muybridge" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Eadweard Muybridge </a><br> <a href="https://en.wikipedia.org/wiki/Animal_locomotion" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Animal locomotion </a><br> <a href="https://en.wikipedia.org/wiki/Terrestrial_locomotion" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Terrestrial locomotion </a><br> <a href="https://en.wikipedia.org/wiki/The_Horse_in_Motion" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> The Horse in Motion </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading23" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse23" aria-expanded="false" href="#collapse23"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">1890 <br> <I>How the Other Half Lives</I></a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> </span> </div> </div> </h5> <div id="collapse23" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading23"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">In <I>How the Other Half Lives</I> David Riis alerts middle-class New Yorkers to the appalling slum conditions in lower Manhattan</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/How_the_Other_Half_Lives" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> How the Other Half Lives </a><br> <a href="https://en.wikipedia.org/wiki/Jacob_Riis_Park" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Jacob Riis Park </a><br> <a href="https://en.wikipedia.org/wiki/How_the_Other_Half_Live" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> How the Other Half Live </a><br> <a href="https://en.wikipedia.org/wiki/Jacob_Riis" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Jacob Riis </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading24" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse24" aria-expanded="false" href="#collapse24"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">1932 <br> Cartier-Bresson has first exhibition</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> </span> </div> </div> </h5> <div id="collapse24" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading24"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">The French photographer Henri Cartier-Bresson has his first exhibition, in the Julien Levy Gallery in New York</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Henri_Cartier-Bresson" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Henri Cartier-Bresson </a><br> <a href="https://en.wikipedia.org/wiki/Julien_Levy" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Julien Levy </a><br> <a href="https://en.wikipedia.org/wiki/Henri_Cartier-Bresson_Foundation" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Henri Cartier-Bresson Foundation </a><br> <a href="https://en.wikipedia.org/wiki/Behind_the_Gare_Saint-Lazare" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> Behind the Gare Saint-Lazare </a><br> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- <div> <a href="javascript:void(0)" id="showMore" class="font-weight-bold float-right">Read More</a> </div> --> <div class="justify-content-center p-0 m-3 mr-3 ml-3"> <div class="history-pagination"> <div class="prev-control-buttons d-flex"> <a href="https://www.historyworld.net/featured-timelines/arts/photography-and-prints?page=1" class="p-0 border-0"> <img src="https://www.historyworld.net/assets/img/Navigation-start.png" alt="Arrow" class="prev-button w-35" style="visibility:hidden"> </a> <a href="https://www.historyworld.net/featured-timelines/arts/photography-and-prints?page=0" class="p-0 border-0"> <img src="https://www.historyworld.net/assets/img/Navigation-previous.png" alt="Arrow" class="prev-button w-35" style="visibility:hidden"> </a> </div> <div class="pagination-numbers"> <span>Page</span> <span class="active-page">1</span> <span>of</span> <span id="total-pages"> 2 </span> </div> <div class="next-control-buttons d-flex"> <a href="https://www.historyworld.net/featured-timelines/arts/photography-and-prints?page=2" class="p-0 border-0"> <img src="https://www.historyworld.net/assets/img/Navigation-next.png" alt="Arrow" class="next-button w-35" style="visibility:"> </a> <a href="https://www.historyworld.net/featured-timelines/arts/photography-and-prints?page=2" class="p-0 border-0"> <img src="https://www.historyworld.net/assets/img/Navigation-end.png" alt="Arrow" class="next-button w-35" style="visibility:"> </a> </div> </div> </div> </div> <!-- Event List Ends --> </div> </div> </section> <!-- Historyworld All Ends --> <!-- Modal Starts --> <!-- Button trigger modal --> <!-- Modal --> <div class="modal fade overflow-hidden pr-0" id="imgEnlargeModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" style="height: calc(100vh - 3.5rem)" role="document"> <div style="height: max-content" class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel"></h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body overflow-auto"> <div class="d-flex flex-column text-center align-items-center mb-4"> <img src="" alt="Image" class="hw-modal-thumbnail width-auto"> <i></i> </div> <div class="d-flex flex-column"> <div class="modal-description mb-2"> <div class=""></div> </div> <div class="modal-collection mb-2"> <div class=""></div> </div> <div class="modal-museum-text mb-2"> <div class=""></div> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> <!-- Modal Ends --> <!-- Bottom Ads Starts --> <div id="ezoic-pub-ad-placeholder-128"></div> <script> ezstandalone.cmd.push(function() { ezstandalone.showAds(128); }); </script> <!-- Bottom Ads Ends --> </main> <!-- Historyworld footer --> <footer id="footer"> <div class="footer-top"> <div class="container"> <div class="row"> <div class="col-lg-2 col-md-6 footer-links"> </div> <div class="col-lg-3 col-md-6 footer-links"> <ul> <li> <i class="bx bx-chevron-right"></i> <a href="/histories">Histories Index</a> </li> </ul> </div> <div class="col-lg-3 col-md-6 footer-links"> <ul> <li> <i class="bx bx-chevron-right"></i> <a href="/timelines">Timelines Index</a> </li> <li> <i class="bx bx-chevron-right"></i> <a href="/event-timelines">Search Timelines</a> </li> </ul> </div> <div class="col-lg-3 col-md-6 footer-links"> <ul> <li> <i class="bx bx-chevron-right"></i> <a href="/about_us">About</a> </li> </ul> </div> </div> </div> </div> <div class="container d-md-flex py-4"> <div class="mr-md-auto text-center text-md-left"> <div class="copyright"> © Copyright 2025 <strong><span>Historyworld</span></strong> </div> </div> <!-- <div class="social-links text-center text-md-right pt-3 pt-md-0"> <a href="https://mobile.twitter.com" class="twitter"><i class="bx bxl-twitter"></i></a> <a href="#" class="facebook"><i class="bx bxl-facebook"></i></a> <a href="https://www.instagram.com" class="instagram"><i class="bx bxl-instagram"></i></a> <a href="https://join.skype.com/invite/" class="google-plus"><i class="bx bxl-skype"></i></a> <a href="http://linkedin.com" class="linkedin"><i class="bx bxl-linkedin"></i></a> </div> --> </div> </footer><!-- End Footer --> <!-- <div id="preloader"></div> --> <a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a> <!-- Vendor JS Files --> <script src="https://www.historyworld.net/assets/vendor/jquery/jquery.min.js"></script> <script src="https://www.historyworld.net/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="https://www.historyworld.net/assets/vendor/jquery.easing/jquery.easing.min.js"></script> <script src="https://www.historyworld.net/js/minify/validate.js"></script> <script src="https://www.historyworld.net/assets/vendor/waypoints/jquery.waypoints.min.js"></script> <script src="https://www.historyworld.net/assets/vendor/counterup/counterup.min.js"></script> <script src="https://www.historyworld.net/assets/vendor/owl.carousel/owl.carousel.min.js"></script> <script src="https://www.historyworld.net/assets/vendor/isotope-layout/isotope.pkgd.min.js"></script> <script src="https://www.historyworld.net/assets/vendor/venobox/venobox.min.js"></script> <script src="https://www.historyworld.net/js/minify/aos.js"></script> <script src="https://www.historyworld.net/assets/vendor/typed.js/lib/typed.min.js"></script> <script src="https://www.historyworld.net/assets/js/jquery.twbsPagination.min.js"></script> <!-- <script src="https://www.historyworld.net/assets/js/luckmoshyJqueryPagnation.js"></script> --> <!-- Select2 --> <script src="https://www.historyworld.net/assets/vendor/select2/js/select2.full.min.js"></script> <!-- <script src="https://www.historyworld.net/assets/js/bootstrap-datepicker.js"></script> --> <!-- Template Main JS File --> <script src="https://www.historyworld.net/js/minify/treeStructure.js"></script> <script src="https://www.historyworld.net/js/minify/main.js"></script> <!-- Custom script for init select2 --> <script type="text/javascript"> "use strict"; // initialize select2 initSelect2(); //Initialize Select2 Elements function initSelect2() { $('.select2').select2(); } </script> <script src="https://www.historyworld.net/js/minify/init.js"></script> <script> "use strict" const link = document.getElementById('search-in-histories'); var searchTerm = document.getElementById('text_featured_search').value; link.href = `https://www.historyworld.net/history-search?searchTerm=${searchTerm}`; toggleLinkShow(searchTerm); function toggleLinkShow(item) { if (item.length < 2) { link.classList.add('invisible'); } else { link.classList.remove('invisible'); } } function changeLink(e) { toggleLinkShow(e.value); link.href = `https://www.historyworld.net/history-search?searchTerm=${e.value}`; } // jQuery("document").ready(function($) { // $(".featured-event-card").slice(0, 25).show(); // if ($('.featured-event-card:hidden').length == 0) { // $("#showMore").hide(); // } // $("#showMore").on('click', function (e) { // e.preventDefault(); // $(".featured-event-card:hidden").slice(0, 10).slideDown(); // if ($(".featured-event-card:hidden").length == 0) { // $("#showMore").fadeOut('slow'); // } // $('html, body').animate({ // scrollTop: $(this).offset().top // }, 1500); // }) // }); </script> </body> </html>