CINXE.COM

Telegraph bookshop

<!DOCTYPE html> <html lang="en-gb" class="desktop unauthenticated"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="generator" content="StoreFront 2020 - Copyright. All rights reserved." /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- 2.6.4.0022 - 10/11/2023 --> <script> var cmsTS = '2024-11-27 15:34:26' </script> <title>Telegraph bookshop</title> <!-- <link href="/public/css/desktopCss?v=Cz6X8pLz-iBTpNXvJW-lnuydMtowxQFjgvYjPxW-ets1" rel="stylesheet"/> --> <script src="/public/javascript/jQuery-3.5.1/jQuery?v=RnE34LKlgOpJBpIbUIC87AbtRtmP8MEaL2Hv3eDacI81"></script> <script type="text/javascript"> var ROOT = '/'; </script> <link href="https://books.telegraph.co.uk/Help" rel="canonical" /> <link href="/public/css/jquery-ui/jQueryUICss?v=BP3RR1CaADDC515PCubNtSEf3KVaTbl_DZUdsVft22E1" rel="stylesheet"/> <script src="/public/javascript/searchSuggestBundle?v=gt8wB1jsyPRsArteb40ADTJFJ0V3udKgrmmxNlqvxtk1"></script> <script type="text/javascript"> SearchSuggest.options.url = '/Search/Suggestions'; SearchSuggest.options.searchBoxSelector = '#keyword'; SearchSuggest.options.searchFormSelector = '#SearchForm'; </script> <script src="/public/javascript/desktopJs?v=gST8K2pc--z7Vna7uqJCzRRp7FAXTE-PpAI17pODMGw1"></script> <meta name="google-site-verification" content="R_Jq6GwQeu4ZsUWPscWj5QRS5IKbs3FvPfp2dS7WXaY" /> <script src="/Content/StoreFront/assets/JS/jQueryUi.js"></script> <link rel="icon" href="/Content/StoreFront/assets/images/Favicon/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="/Content/StoreFront/assets/images/Favicon/favicon.ico" type="image/x-icon"> <meta name="google-site-verification" content="3jT1etY2lsmMbMEc-K1O5rg7vm0hK0arfN0L8xPEYX4" /> <meta name="google-site-verification" content="3jT1etY2lsmMbMEc-K1O5rg7vm0hK0arfN0L8xPEYX4" /> <link href='//fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'> <script src="https://use.fontawesome.com/5fd45c489d.js"></script> <script> var _prum = [['id', '54f7aedbabe53dd010941c3f'], ['mark', 'firstbyte', (new Date()).getTime()]]; (function() { var s = document.getElementsByTagName('script')[0] , p = document.createElement('script'); p.async = 'async'; p.src = '//rum-static.pingdom.net/prum.min.js'; s.parentNode.insertBefore(p, s); })(); </script> <script src='//d3c3cq33003psk.cloudfront.net/opentag-35657-booksproduction.js' async defer></script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-439540603"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-439540603'); </script> <link rel='stylesheet' type='text/css' href='/DynamicContent/Css?v=7f8b9d84a1854cf9c2a4e22daeb411ac' /> <link rel='stylesheet' type='text/css' href='/DynamicContent/CssLess?v=f07928cce0263548bdeef46f4c0167df' /> <script src='/DynamicContent/Js?v=f1c3a574e631f1f1e42b4bf796df9275'></script> </head> <body> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KWT9TTN');</script> <!-- End Google Tag Manager --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KWT9TTN" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div id="backgroundClicker"></div> <div id="freeow" class="freeow freeow-top-right clearfix"></div> <div id="outerWrap"> <div id="wrap"> <div id="headerWrap"> <div id="header"> <div class="container-md"> <div class="row"> <div id="storeLogo" class="header__logoWrap"> <a class="header__logo" href="https://books.telegraph.co.uk/" title="Telegraph bookshop"> Telegraph bookshop </a> </div> <!-- top menu --> <div id="miniBasket"> <!-- basket total --> <div class="details"> <a href="/basket"> <span class="imageHolder"></span> <span id="uxSmallBasketQuantity"><span class="number">0</span><span class="text"> items</span></span> <span class="basketText">Basket</span> </a> </p> <!--<span id="checkoutLink"><a href="https://books.telegraph.co.uk/Basket">Basket</a></span>--> </div> <!-- @ basket total --> </div> <!-- navigation bar --> <div id="navSupport"> <div id="miniNav"> <div class="smallText">Click here to login</div> <a class="dropdownToggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" rel="nofollow"> <span class="navMyAccount">My Account</span> </a> <ul class="dropdown-menu accountNav" aria-labelledby="dropdownMenuLink"> <li id="navMenuAccount" class="dropdown-item"><a href="https://books.telegraph.co.uk/Account" rel="nofollow">My account</a></li> <li id="navMenuLogoff" class="dropdown-item"> <a href="https://books.telegraph.co.uk/Account/Logon">Sign In or Register</a> </li> <li id="navMenuHelp"><a href="/Help">Help</a></li> </ul> </div> </div> <div id="navButton" class="navbar-light"> <a class="navbarToggle" aria-controls="navMain" aria-label="Toggle navigation"><span class="togglerText">Menu</span></a> </div> <div id="searchClicker"><div class="click"><i class="fa fa-search" aria-hidden="true"></i><span>search</span></div></div> <script> $("#searchClicker .click").click(function() { $("body").toggleClass("mobileSearch"); $("#keyword").focus(); }); </script> <!-- @ navigation bar --> <!-- search bar --> <div id="searchBar" itemscope itemtype="https://schema.org/WebSite"> <meta itemprop="url" content="https://books.telegraph.co.uk/" /> <form id="SearchForm" action="/Search/Keyword" method="post" itemprop="potentialAction" itemscope itemtype="https://schema.org/SearchAction"> <meta itemprop="target" content="http://books.telegraph.co.uk/Search/Keyword?keyword={keyword}" /> <div id="searchBox"> <div class="productType "><label for="productType">Select a product type</label> <select id="productType" name="productType" class="custom-select"> <option value="0" selected="selected">All Products</option> <option value="-1" disabled="disabled">---------------------</option> <option value="1">Book</option> <option value="5">eBook</option> <option value="6">Merchandise</option> <option value="8">eAudiobook</option> <option value="9">Customisable Book</option> </select></div> <label for="keyword">Search for a product</label><input id="keyword" class="form-control" name="keyword" type="text" placeholder="Search" itemprop="query-input" required /><input type="submit" value="Search" /> </div> </form> </div> <!-- @search bar --> </div> </div> </div> <div id="nav" class=""> <div id="navWrap"> <div id="navMain"> <div class="menuText"><span>Navigation</span><span id="navClickerX">X</span></div> <ul class="primary"> <li id="navHome"><a href="/">Home</a></li> <li><a href="/Books" class="">Book Genres</a> <div class="megaMenu ui-sortable" style="display: none;"> <ul class="categoryContainer ui-sortable-handle" style="display: block;"> <li class="categoryColumn"> <ul class="categories"> <li class="category"> <ul class="dropdown-group"> <li><a href="/Search/Art-Photography?fq=121000-01120" class="">Art &amp; Photography </a></li> <li><a href="/Search/Biography?fq=-121111-01120">Biography </a></li> <li><a href="/Search/Business-Finance-and-Law?fq=-121138-01120">Business,Finance and Law </a></li> <li><a href="/Search/Childrens?fq=-121488-01120">Children's </a></li> <li><a href="/Search/Comics-and-Graphic-Novels?fq=-121612-01120">Comics and Graphic Novels </a></li> <li><a href="/Search/Computing?fq=-121618-01120">Computing </a></li> <li><a href="/Search/Crime?fq=-121800-01120">Crime </a></li> <li><a href="/Search/Education?fq=-121804-01120">Education </a></li> <li><a href="/Search/Fiction?fq=-121934-01120">Fiction </a></li> <li><a href="/Search/Food-Drink?fq=-121956-01120">Food &amp; Drink </a></li> </ul> </li> <li class="category"> <ul class="dropdown-group"> <li><a href="/Search/Health-Lifestyle?fq=-122007-01120">Health &amp; Lifestyle </a></li> <li><a href="/Search/History-Transport?fq=-122046-01120">History &amp; Transport </a></li> <li><a href="/Search/Hobbies-Games?fq=-122168-01120">Hobbies &amp; Games </a></li> <li><a href="/Search/Home-Garden?fq=-122211-01120">Home &amp; Garden </a></li> <li><a href="/Search/Humour?fq=-122257-01120">Humour </a></li> <li><a href="/Search/Mind-Body-Spirit?fq=-122264-01120">Mind, Body, Spirit </a></li> <li><a href="/Search/Music-Stage-Screen?fq=-122303-01120">Music, Stage &amp; Screen </a></li> <li><a href="/Search/Natural-History-Pets?fq=-122386-01120">Natural History &amp; Pets </a></li> <li><a href="/Search/Poetry-Drama?fq=-122415-01120">Poetry &amp; Drama </a></li> <li><a href="/Search/Politics-Philosophy-Religion?fq=-122422-01120">Politics, Philosophy &amp; Religion </a></li> </ul> </li> <li class="category"> <ul class="dropdown-group"> <li><a href="/Search/Reference?fq=-122623-01120">Reference </a></li> <li><a href="/Search/Reference-Languages?fq=-122680-01120">Reference &amp; Languages </a></li> <li><a href="/Search/Romance?fq=-122879-01120">Romance </a></li> <li><a href="/Search/Science-Fiction-Fantasy-Horror?fq=-122883-01120">Science Fiction, Fantasy &amp; Horror </a></li> <li><a href="/Search/Scientific-Technical-and-Medical?fq=-122891-01120">Scientific, Technical and Medical </a></li> <li><a href="/Search/Sport?fq=-123505-01120">Sport </a></li> <li><a href="/Search/Stationery-Items?fq=-123591-01120">Stationery Items </a></li> <li><a href="/Search/Travel?fq=-123596-01120">Travel </a></li> </ul> </li> </ul> </li> </ul> </div> </li> <li><a href="/custom" class="">Custom Items</a><!--<div class="megaMenu ui-sortable" style="display: none;"><ul class="categoryContainer"><li class="categoryColumn"><ul class="categories"><li class="category"><ul class="dropdown-group"><li class="group-link"><a href="/Search?GroupCode=custombooks" class="">Telegraph Custom Books</a></li><li class="group-link"><a href="/Search?GroupCode=FramedFrontPages" class="">Framed Front Page Prints</a></li></ul></li></ul></li></ul></div>--> <div class="megaMenu ui-sortable" style="display: none;"> <ul class="categoryContainer ui-sortable-handle"> <li class="categoryColumn"> <ul class="categories"> <li class="category"> <h5 class="group-label"></h5> <ul class="dropdown-group"> <li class="group-link"><a href="/customitems/Birthday-Gift-Items" class="">Birthday Books &amp; Gifts</a></li> <li class="group-link"><a href="/customitems/footballheadlines" class="">Football Headlines Books</a></li> <li class="group-link"><a href="/customitems/ThemedBooks" class="">Themed Books</a></li> <li class="group-link"><a href="/customitems/Sports-books" class="">Sports Books</a></li> </ul> </li> </ul> </li> </ul> </div> </li> <li><a href="/telegraph-titles" class="">Telegraph Titles</a> <div class="megaMenu ui-sortable" style="display: none;"> <ul class="categoryContainer ui-sortable-handle"> <li class="categoryColumn"> <ul class="categories"> <li class="category"> <h5 class="group-label">Telegraph Published</h5> <ul class="dropdown-group"> <li class="group-link"><a href="/telegraph-titles/cartoons" class="">Matt Pritchett Cartoons</a></li> <li class="group-link"><a href="/telegraph-titles/columnists-writers" class="">Columnists Writers</a></li> <li class="group-link"><a href="/telegraph-titles/obituaries" class="">Obituaries</a></li> <li class="group-link"><a href="/telegraph-titles/knowledge-books" class="">Knowledge Books</a></li> <li class="group-link"><a href="/telegraph-titles/letters" class="">Letters</a></li> </ul> </li> </ul> </li> <li class="categoryColumn"> <ul class="categories"> <li class="category"> <h5 class="group-label">Telegraph Puzzles</h5> <ul class="dropdown-group"> <li class="group-link"><a href="/telegraph-titles/puzzles/codewords" class="">Codeword Puzzles</a></li> <li class="group-link"><a href="/telegraph-titles/puzzles/cryptic-crosswords" class="">Cryptic Crosswords</a></li> <li class="group-link"><a href="/telegraph-titles/puzzles/general-knowledge" class="">General Knowledge</a></li> <li class="group-link"><a href="/telegraph-titles/puzzles/pluswords" class="">Plusword Puzzles</a></li> <li class="group-link"><a href="/telegraph-titles/puzzles/other-brain-teasers" class="">Other Brain Teasers</a></li> <li class="group-link"><a href="/telegraph-titles/puzzles/sudoku" class="">Sudoku Puzzles</a></li> <li class="group-link"><a href="/telegraph-titles/puzzles/quick-crosswords" class="">Quick Crosswords</a></li> </ul> </li> <li class="category"> <h5 class="group-label"></h5> </li> </ul> </li> <li class="categoryColumn"> <ul class="categories"> <li class="category"> <h5 class="group-label"></h5> </li> <li class="category"> <h5 class="group-label"></h5> </li> </ul> </li> </ul> </div> </li> <li><a href="/best-book-lists" class="">Best Book Lists</a> <div class="megaMenu ui-sortable" style="display: none;"> <ul class="categoryContainer ui-sortable-handle"> <li class="categoryColumn"> <ul class="categories"> <li class="category"> <h5 class="group-label"></h5> <ul class="dropdown-group"> <li class="group-link"><a href="/best-book-lists/golf-books" class="">Best golf books for 2024</a></li><li class="group-link"><a href="/best-book-lists/history-books" class=""> Best history books for 2024</a></li><li class="group-link"><a href="/best-book-lists/self-help-books" class="">Best self-help books for 2024</a></li><li class="group-link"><a href="/best-book-lists/bestof2023" class="">Best reads of 2023</a></li> <li class="group-link"><a href="/best-book-lists/man-utd-books" class="">Manchester United books</a></li> <li class="group-link"><a href="/best-book-lists/liverpool-fc-books" class="">Liverpool FC books</a></li> <li class="group-link"><a href="/best-book-lists/arsenal-fc-books " class="">Arsenal FC books</a></li><li class="group-link"><a href="/best-book-lists/chelsea-fc-books " class="">Chelsea FC books</a></li></ul> </li> </ul> </li> </ul> </div> </li> </ul> <ul id="mobileExtras"> <li data-role="list-divider" role="heading" data-theme="a" class="ui-li-divider ui-bar-a">Options</li> <li id="navMenuAccount"><a href="/Account" data-role="none" class="ui-btn ui-btn-icon-right ui-icon-carat-r">My account</a></li> <li id="navMenuLogoff"><a href="/Account/Logoff" data-role="none" data-ajax="false" class="ui-btn ui-btn-icon-right ui-icon-carat-r">Log off</a></li> <li id="navMenuHelp"><a href="/Help" class="ui-btn ui-btn-icon-right ui-icon-carat-r">Help</a></li> </ul> </div> </div> <div id="navClickerClose"></div> <script> //Desktop $(".nav-item").hover(function () { var windowWidth = $(window).width(); if (windowWidth > 768) { if ($(this).children(".megaMenu").is(":visible")) { $(this).toggleClass("open"); } else { $(this).addClass("open"); } } }, function () { var windowWidth = $(window).width(); if (windowWidth > 768) { $(this).removeClass("open"); } }); //Mobile $("#mobileExtras ul").append($(".newTopBar ul").html()); $(".navbarToggle").click(function () { var windowWidth = $(window).width(); if (windowWidth <= 768) { if ($("#nav").is(":visible")) { $("body").toggleClass("mobileMenuOpen"); } else { $("body").addClass("mobileMenuOpen"); } } }); $("#backgroundClicker").click(function(){ $("body").removeClass(); }); $("#navClickerClose").click(function(){ $("body").removeClass("mobileMenuOpen"); }); $("#navClickerX").click(function(){ $("body").removeClass("mobileMenuOpen"); }); $(".primary > li > a").click(function () { if ($("body").hasClass("mobileMenuOpen")) { if ($(this).siblings(".megaMenu").length) { // $(this).parent("li").toggleClass("open"); return false; } else { return true; } } }); //Measure LIs and make hamburger if required var menuLength = 0; $("#navMain .primary > li").each(function () { menuLength += $(this).width(); }); if ($("#navMain .primary").width() < menuLength) { console.log("colapse"); } else { console.log("noColapse"); } </script> <script> $(".primary > li > a").click(function () { var windowWidth = $(window).width(); if (windowWidth <= 768) { if ($(this).parent().hasClass("openSection")) { $("li.openSection").removeClass("openSection"); } else { $("li.openSection").removeClass("openSection"); $(this).parent("li").addClass("openSection"); } } }); $(".category > .group-label").click(function () { var windowWidth = $(window).width(); if (windowWidth <= 768) { if ($(this).parent(".category").hasClass("openCategory")) { $(".category.openCategory").removeClass("openCategory"); } else { $(".category.openCategory").removeClass("openCategory"); $(this).parent(".category").addClass("openCategory"); } } }); </script> <script> (function ($) { var $window = $(window); $window.resize(function resize() { if ($window.width() > 768) { $("body").removeClass(); $(".category.openCategory").removeClass('openCategory'); $(".primary > li").removeClass('openSection'); return true; } }).trigger('resize'); })(jQuery); </script> <style type="text/css"> @media screen and (min-width: 768px) { .nav-item:hover .dropdown-menu { display: block; } } </style> <div class="clear"></div> </div> </div> <!-- desktop header with responsive wrapper --> <!-- @desktop header with responsive wrapper --> <!-- @mobile header for checkout with responsive wrapper --> <!-- main page content --> <!-- desktop header --> <!-- @desktop header --> <div id="Help"> <div id="breadcrumb" class="breadcrumb"><div class="manual"><ul><li><span><a href="/">Home</a></span></li><li><span>Help</span></li></ul></div></div> <div class="container-md"> <div class="row"> <div class="col-12 col-sm-3 d-none d-md-block leftNav"><h5>Account Help</h5> <ul> <li><a href="/Help/FAQ">FAQs</a></li> <li><a href="/Help/ebookshelp">eBooks Help</a></li> <li><a href="/Help/Customised-Books-FAQs">Customised Books Help</a></li> <li><a href="/Help/ContactUs">Contact Us</a></li> <li><a href="/Help/Delivery">Delivery Information</a></li> <li><a href="/Help/Returns">Returns</a></li> </ul></div> <div id="DynamicContent" class="col-12 col-sm-9"><div id="helpHome" class="adminHelpPages"> <div class="headers twenty yes"> <h3 style="font-size: twentyFourpx;">Help</h3> </div> <ul class="row"> <li class="col-12 col-md-6"><a href="/Account/ForgottenPassword">Can't Remember Your Password?</a></li> <li class="col-12 col-md-6 "><a href="/Help/ContactUs">Contact us</a></li> <li class="col-12 col-md-6"><a href="/Help/FAQ">FAQs</a></li> <li class="col-12 col-md-6"><a href="/Help/Customised-Books-FAQs">Customised Books Help</a></li> <li class="col-12 col-md-6"><a href="/Help/Delivery">Delivery</a></li> <li class="col-12 col-md-6"><a href="/Help/Returns">Returns</a></li> <li class="col-12 col-md-6"><a href="/Help/TermsAndConditions">Terms & Conditions</a></li> </ul> </div></div> </div> </div> </div> <!-- @main page content --> <!-- desktop footer with responsive wrapper --> <div id="footer"> <div class="newsletterBox"> <div class="container-md"> <p class="newsImgText"><a href="https://www.telegraph.co.uk/customer/secure/newsletter/?urlPath=bookshop" target="_blank" style="color: #000000;text-decoration: none;">Sign up to our newsletter today! Click here for more details...</a></p> </div> </div> <div class="container-md"> <div class="row"> <div class="col-12 logo"><img src="/Content/StoreFront/SiteImages/Books_external_display_black.svg" alt="logo" /></div> <div class="col-12 col-sm-4 col-md-3"> <ul> <li>Shop</li> <li><a href="/">Home</a></li> <li><a href="/Books">Books</a></li> <li><a href="/eBooks">eBooks</a></li> </ul> </div> <div class="col-12 col-sm-4 col-md-3"> <ul> <li>Help</li> <li><a href="/Help/FAQ">FAQs</a></li> <li><a href="/help/Customised-Books-FAQs">Customised Books FAQs</a></li> <li><a href="/help/ebookshelp">eBooks Help</a></li> <li><a href="/Help/ContactUs">Contact Us</a></li> <li><a href="/Help/Delivery">Delivery Information</a></li> <li><a href="/Help/Returns">Returns</a></li> </ul> </div> <div class="col-12 col-sm-4 col-md-3"> <ul> <li>About Us</li> <li><a href="/Help/AboutUs">About The Telegraph</a></li> <li><a href="https://www.telegraph.co.uk/about-us/privacy-and-cookie-policy/">Privacy Policy</a></li> <li><a href="/help/TermsAndConditions">Terms and Conditions</a></li> <li><a href="https://www.telegraph.co.uk/about-us/privacy-and-cookie-policy/">Cookie Policy</a></li> </ul> </div> <div class="col-12 col-md-3 footerBlockCards"> <ul> <li><img src="/Content/StoreFront/assets/images/cards/mastercard-curved-32px.png" alt="Mastercard" height="32" width="52"></li> <li><img src="/Content/StoreFront/assets/images/cards/maestro-curved-32px.png" alt="Maestro" height="32" width="52"></li> <li><img src="/Content/StoreFront/assets/images/cards/visa-electron-curved-32px.png" alt="Electron" height="32" width="52"></li> <li><img src="/Content/StoreFront/assets/images/cards/visa-curved-32px.png" alt="Visa" height="32" width="52"></li> </ul> </div> </div> </div> <script src="https://cdn.jsdelivr.net/npm/keen-slider@5.5.0/keen-slider.min.js"></script> <script> // --- KEEN SLIDER document.addEventListener("DOMContentLoaded", function () { let allSliders = document.querySelectorAll(".keen-wrapper"); for (let i = 0; i < allSliders.length; i++) { let slider = allSliders[i]; function updateClasses(instance, slider) { let slide = instance.details().relativeSlide; let arrowLeft = slider.querySelector(".arrow--left"); let arrowRight = slider.querySelector(".arrow--right"); if (arrowRight) { slide === 0 ? arrowLeft.classList.add("arrow--disabled") : arrowLeft.classList.remove("arrow--disabled"); } if (arrowLeft) { slide === instance.details().size - 1 ? arrowRight.classList.add("arrow--disabled") : arrowRight.classList.remove("arrow--disabled"); } let dots = slider.querySelectorAll(".dot"); if (dots) { dots.forEach(function (dot, idx) { idx === slide ? dot.classList.add("dot--active") : dot.classList.remove("dot--active"); }); } } let sliderInterval = 0; function autoplay(mainSlider, run) { clearInterval(sliderInterval); sliderInterval = setInterval(() => { if (run && mainSlider) { mainSlider.next(); } }, 5000); } let extraData = { created: function (instance) { if (slider.querySelector(".arrow--left")) { slider .querySelector(".arrow--left") .addEventListener("click", function () { instance.prev(); }); } if (slider.querySelector(".arrow--right")) { slider .querySelector(".arrow--right") .addEventListener("click", function () { instance.next(); }); } let dots_wrapper = slider.querySelector(".dots"); if (dots_wrapper) { let slides = slider.querySelectorAll(".keen-slider__slide"); slides.forEach(function (t, idx) { let dot = document.createElement("button"); dot.classList.add("dot"); dots_wrapper.appendChild(dot); dot.addEventListener("click", function () { instance.moveToSlide(idx); }); }); } updateClasses(instance, slider); }, slideChanged(instance) { updateClasses(instance, slider); if (slider.dataset.keen) { let dataSlider = JSON.parse(slider.dataset.keen); dataSlider = dataSlider; } }, }; if (slider.dataset.keen) { let dataSlider = JSON.parse(slider.dataset.keen); dataSlider = dataSlider; dataSlider = { ...dataSlider, ...extraData }; let autoPlayData = { dragStart: (e) => { autoplay(mainSlider, false); }, dragEnd: (e) => { autoplay(mainSlider, true); }, }; if (dataSlider.autoplay) { dataSlider = { ...dataSlider, ...autoPlayData }; } let selectSlider = slider.querySelector(".keen-slider"); let mainSlider = new KeenSlider(selectSlider, dataSlider); if (dataSlider.autoplay) { slider.addEventListener("mouseover", (e) => { autoplay(mainSlider, false); }); slider.addEventListener("mouseout", (e) => { autoplay(mainSlider, true); }); autoplay(mainSlider, true); } } else { // console.log("No data value found"); } } }); </script> </div> </div> </div> <script> if($("#deliveryDetails").length ){ var dataLayerTMG = { event: 'customerDetails' } } </script> <div id="emailSubscribeBackground" style="display:none;"></div> <div id="emailSubscribe" style="display:none;"> <div class="content"> <h2>Join our email club...</h2> <h4>Sign up to our newsletter to receive a whole range of exclusive benefits, including...</h4> <ul> <li>Updates on our upcoming offers and new releases</li> <li>Competitions</li> <li>Discounts</li> <li>All the latest news from the Bookshop team</li> </ul> <p>Simply enter your email address into the box below and click <strong>'Join'</strong></p> <div class="form"> <form name="input" action="/Form/submit" method="post" id="emailPopup" novalidate> <input type="hidden" name="pageId" value="393"> <div class="emailWrapper"><input type="text" value="" name="emailFrom" id="emailFrom" /></div> <label for="popupEmail">Email Address: <input type="email" name="email" id="popupEmail" data-val-email="Please enter a valid email address" required="required" /></label><input type="submit" value="Join" id="popupSignup"> <span class="field-validation-valid" data-valmsg-for="email" data-valmsg-replace="true"></span> <input type="hidden" name="IsNewsletterSubscribed" value="on"> </form> </div> <p id="closeEmailSubscribe">X</p> </div> </div><script src="//assets.adobedtm.com/71dcbb11123ce6b2e1ce4d47fd79a130aad3fc95/satelliteLib-16da6c48e1c0674fe4ab529302c31c2140a01ba4.js"></script> <script type="text/javascript">_satellite.pageBottom();</script> <!-- BEGIN Krux Control Tag for "https://books.telegraph.co.uk/" --> <!-- Source: /snippet/controltag?confid=IhU3wIsV&site=https://books.telegraph.co.uk/&edit=1 --> <script class="kxct" data-id="IhU3wIsV" data-timing="async" data-version="1.9" type="text/javascript"> window.Krux||((Krux=function(){Krux.q.push(arguments)}).q=[]); (function(){ var k=document.createElement('script');k.type='text/javascript';k.async=true; var m,src=(m=location.href.match(/\bkxsrc=([^&]+)/))&&decodeURIComponent(m[1]); k.src = /^https?:\/\/([a-z0-9_\-\.]+\.)?krxd\.net(:\d{1,5})?\//i.test(src) ? src : src === "disable" ? "" : (location.protocol==="https:"?"https:":"https:")+"//cdn.krxd.net/controltag?confid=IhU3wIsV" ; var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(k,s); }()); </script> <!-- END Krux Controltag --><script type="text/javascript"> $('.activateSlider').slick({ dots: true, infinite: false, speed: 300, slidesToShow: 5, slidesToScroll: 5, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 4, slidesToScroll: 4, infinite: true, dots: true } }, { breakpoint: 600, settings: { slidesToShow: 3, slidesToScroll: 3 } }, { breakpoint: 480, settings: { slidesToShow: 2, slidesToScroll: 2 } } // You can unslick at a given breakpoint now by adding: // settings: "unslick" // instead of a settings object ] }); $(window).on('load', function() { $(".slickTrigger").each(function(){ $(this).on('init', function(event, slick){ $(this).removeClass("slickPending"); }); $(this).slick(); }) }); </script> <script type="text/javascript"> (function() { var qtm = document.createElement('script'); qtm.type = 'text/javascript'; qtm.async = 1; qtm.src = 'https://cdn.quantummetric.com/qscripts/quantum-telegraph.js'; var d = document.getElementsByTagName('script')[0]; !window.QuantumMetricAPI && d.parentNode.insertBefore(qtm, d); })(); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10