CINXE.COM
Jean-Michel Ciochetti - Lambiek Comiclopedia
<!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]--> <!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]--> <!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]--> <!--[if gt IE 8]><!--> <html xmlns="http://www.w3.org/1999/xhtml" class="no-js" lang="en"> <!--<![endif]--> <head > <title>Jean-Michel Ciochetti - Lambiek Comiclopedia</title> <meta charset="utf-8"> <meta name="description" content="Jean-Michel Ciochetti is an artist from Villeneuve sur lot (Lot et Garonne). He was the penciller of 'Calabrun', a comic in Occitan language, that was published by Edicions Cap e Cap in 1975. The story was written by Marc猫u Esquieu and Crestian Rapin, and inked by Bernard Ciochetti." > <meta name="msapplication-TileColor" content="#f00909"> <meta name="msapplication-TileImage" content="/images/68f58034-7f6e-45c4-838e-adf7f96b65f7.png"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="alternate" type="application/rss+xml" title="latest webstore additions" href="/rssfeeds/?type=new" > <link rel="alternate" type="application/rss+xml" title="latest comiclopedia additions" href="/rssfeeds/?type=comiclopedia" > <meta property="fb:app_id" content="409382332409180"> <meta property="fb:admins" content="787644347" > <meta property="og:site_name" content="lambiek.net" /> <meta property="og:type" content="author" /> <meta property="og:title" content="Jean-Michel Ciochetti" /> <meta property="og:description" content="Jean-Michel Ciochetti is an artist from Villeneuve sur lot (Lot et Garonne). He was the penciller of 'Calabrun', a comic in Occitan language, that was published by Edicions Cap e Cap in 1975. The story was written by Marc猫u Esquieu and Crestian Rapin, and inked by Bernard Ciochetti." /> <meta property="og:url" content="https://www.lambiek.net/artists/c/ciochetti_joan-m.htm" /> <meta property="og:image" content="https://www.lambiek.net/artists/image/c/ciochetti_joan-miqueu/ciochetti_calabrun2.jpg"/> <link rel="canonical" href="https://www.lambiek.net/artists/c/ciochetti_joan-m.htm" /> <meta name="msvalidate.01" content="44456B5AB53568E46A58C4FD9D2FBCEF" /> <link rel="apple-touch-icon" sizes="57x57" href="/licons/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/licons/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/licons/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/licons/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/licons/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/licons/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/licons/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/licons/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/licons/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" href="/licons/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/licons/favicon-194x194.png" sizes="194x194"> <link rel="icon" type="image/png" href="/licons/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="/licons/android-chrome-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/licons/favicon-16x16.png" sizes="16x16"> <link rel="manifest" href="/licons/manifest.json"> <link rel="shortcut icon" href="/licons/favicon.ico"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="msapplication-TileImage" content="/licons/mstile-144x144.png"> <meta name="msapplication-config" content="/licons/browserconfig.xml"> <!--[if lt IE 9]> <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <link rel="stylesheet" href="/js/highslide/highslide.css" > <link rel="stylesheet" href="/js/foundation/css/normalize.css" > <link rel="stylesheet" href="/js/foundation/css/foundation.min.css" > <script async src="/js/foundation/js/vendor/modernizr.js"></script> <link rel="stylesheet" href="/js/bxslider/bx_styles/bx_styles.css" type="text/css" media="screen" > <link rel="stylesheet" href="/js/highslide/highslide.css" type="text/css" media="screen" > <!--[if lt IE 9]> <link rel="stylesheet" href="/share/styles/only_ie.css" type="text/css" media="screen"> <link type="text/css" rel="stylesheet" href="/js/highslide/highslide-ie6.css" media="screen" > <![endif]--><link rel="stylesheet" href="/share/styles/default.css" type="text/css"/> <link rel="stylesheet" href="/js/jquery-ui/css/cupertino/jquery-ui-1.8.12.custom.css" type="text/css"> <link href="/js/jquery-ui/jquery.pnotify.default.css" media="all" rel="stylesheet" type="text/css" > <link href="/share/styles/dirk.css" media="screen" rel="stylesheet" type="text/css" > <link rel="image_src" href="/images/zip.gif" /> <script src="/js/jquery/jquery-1.6.min.js"></script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-84WHN92HS3"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-84WHN92HS3'); </script> <meta name="theme-color" content="#37a" /> </head> <body class="artist_view english"> <div id="fb-root"></div> <!-- top.xhtml --> <div id="page" class="row wrapper"> <header id="branding"> <div class="row collapse" id="mainbar"> <div class="small-3 columns"> <div id="site-title" > <a href="/"> <img class="shoplogo" alt="Lambiek Comic Shop" src="/share/images/branding/lambiek-logo_egaal.png"> <img class="comiclopedialogo" alt="Lambiek Comiclopedia" src="/share/images/branding/lambiek-comiclo-logo.jpg"> </a> </div> </div> <div class="small-9 columns"> <div class="checkoutblok_holder"> <div class="checkoutblok"> <div class="left hide-for-medium-down"> <h3> <a rel="nofollow" href="/shoppingcart/manage/"> your shopping cart</a></h3> <div id="scitems"> </div> <!-- #scitems --> </div> <!-- .left --> <a class="checkout right" rel="nofollow" href="/shoppingcart/manage/"> checkout »</a> </div> <!-- .checkoutblok --> <iframe name="shoppingcart" src="/shoppingcart/" id="iframe" > </iframe> </div> <!-- .checkoutblok_holder --> <!-- menu.xhtml --> <div class="lanselect " > <a href="?lan=dutch" rel="nofollow" class="rounded shadow dutch ">Dutch</a> <a href="?lan=english" rel="nofollow" class="rounded shadow english current">English</a> </div> <nav id="access"> <div class="menu-action"> <a href="#mainbar" id="mainbarButton" class="main-button medium secondary button"></a> <a href="#mainbar" id="searchButton" class="main-button medium secondary button"></a></div> <ul class="menulist"> <li style="display:none"> <ul class="sub" > </ul></li> <li id="main1-home"> <a href="/home.html" ><span> home</span></a> <ul class="sub" > </ul></li> <li id="main2-comiclopedia"> <a href="/comiclopedia.html" ><span> comiclopedia</span></a> <ul class="sub" > <li id="subartist-compendium" class="roundbottom shadow"><a href="/comiclopedia/artist-compendium.html"> artist compendium</a> </li> <li id="substripgeschiedenis" class="roundbottom shadow"><a href="/comiclopedia/stripgeschiedenis.html"> Comic History</a> </li> </ul></li> <li id="main3-webshop"> <a href="/webshop.html" ><span> Webshop</span></a> <ul class="sub" > </ul></li> <li id="main4-infomenu"> <a href="/infomenu.html" ><span> Info</span></a> <ul class="sub" > <li id="subabout-lambiek" class="roundbottom shadow"><a href="/infomenu/about-lambiek.html"> About Lambiek</a> </li> <li id="subbestellen-en-betalen" class="roundbottom shadow"><a href="/infomenu/bestellen-en-betalen.html"> Orders & payments</a> </li> <li id="subcolofon" class="roundbottom shadow"><a href="/infomenu/colofon.html"> Credits</a> </li> <li id="subfaq" class="roundbottom shadow"><a href="/infomenu/faq.html"> FAQ</a> </li> </ul></li> <li id="main5-news"> <a href="/news.html" ><span> news</span></a> <ul class="sub" > </ul></li> <li id="main6-contact"> <a href="/contact.html" ><span> contact</span></a> <ul class="sub" > </ul> </li> </ul> <div class="search search-comiclopedia "> <div class="row"> <div class="small-6 medium-4 columns hide-for-small"> <label class="prefix right inline"> </label> </div> <div class="small-12 medium-8 columns"> <input type="hidden" name="type" value="artistsearch"> <input type="text" name="keyword" placeholder="Search in Comiclopedia..." class="inputfield rounded shadow" > </div> </div> </div> <div class="search search-webshop"> <div class="row"> <div class="small-6 medium-4 columns hide-for-small"> <div class="row collapse"> <div class="small-8 columns hide-for-medium-down"> <span class="prefix"> Search in Webshop </span> </div> </div> </div> <div class="small-12 medium-8 columns" id="searchinput"> <input type="hidden" name="type" value="booksearch"> <input type="text" name="keyword" id="booktitlesearch" class="rounded shadow" placeholder="Keyword"> </div> </div> </div> <script> //<![CDATA[ $(document).ready(function(){ var current =$("#main2-comiclopedia"); current.addClass("current"); $("#sub",current).addClass("current"); $('ul.nav> li:nth-child(1)').remove(); $('ul.nav ul').not(':has(li)').remove(); $('#mainbarButton, .touch #site-title a').click(function(event ){ event.preventDefault() $('ul.menulist').toggleClass('active') }) $('#searchButton').click(function(event ){ event.preventDefault() $('header#branding').toggleClass("findactive"); if ($('body.artist_view, body.dutchcomics').length) { $('#access .search-comiclopedia input.inputfield').focus(); } else{ $('#access input#booktitlesearch').focus() } }) $('.menu-button a').click(function(event){ event.preventDefault() $('.shopintro').toggleClass('active'); }) }); //]]> </script> </nav> <!-- end menu.xhtml --> </div> </div> </header> <!-- #branding --> <a name="tophead"></a> <div id="main" class="pagewidth"> <!-- end top.xhtml --><!-- share/templates/comiclopedia/default.xhtml --> <div class="large-12 columns"> <div id="comiclopedia" class="fullpage" style="min-height: 500px" itemscope itemtype="http://schema.org/NewsArticle"> <div class="artistintro"> <div class="row"> <ul class="letters navtablist " > <li class="roundtop shadow "> <a rel="nofollow" title="616 items" href="/artists/a/">a <span>(616) </span></a> </li> <li class="roundtop shadow "> <a rel="nofollow" title="1295 items" href="/artists/b/">b <span>(1295) </span></a> </li> <li class="roundtop shadow current"> <a rel="nofollow" title="1030 items" href="/artists/c/">c <span>(1030) </span></a> </li> <li class="roundtop shadow "> <a rel="nofollow" title="860 items" href="/artists/d/">d <span>(860) </span></a> </li> <li class="roundtop shadow "> <a rel="nofollow" title="252 items" href="/artists/e/">e <span>(252) </span></a> </li> <li class="roundtop shadow "> <a rel="nofollow" title="538 items" href="/artists/f/">f <span>(538) </span></a> </li> <li class="roundtop shadow "> <a rel="nofollow" title="811 items" href="/artists/g/">g <span>(811) </span></a> </li> <li class="roundtop shadow "> <a rel="nofollow" title="704 items" href="/artists/h/">h <span>(704) </span></a> </li> <li class="roundtop shadow "> <a rel="nofollow" title="112 items" href="/artists/i/">i <span>(112) </span></a> </li> <li class="roundtop shadow "> <a rel="nofollow" title="330 items" href="/artists/j/">j <span>(330) </span></a> </li> <li class="roundtop shadow "> <a rel="nofollow" title="644 items" href="/artists/k/">k <span>(644) </span></a> </li> <li class="roundtop shadow "> <a rel="nofollow" title="766 items" href="/artists/l/">l <span>(766) </span></a> </li> <li class="roundtop shadow "> <a rel="nofollow" title="1231 items" href="/artists/m/">m <span>(1231) </span></a> </li> <li class="roundtop shadow "> <a rel="nofollow" title="317 items" href="/artists/n/">n <span>(317) </span></a> </li> <li class="roundtop shadow "> <a rel="nofollow" title="243 items" href="/artists/o/">o <span>(243) </span></a> </li> <li class="roundtop shadow "> <a rel="nofollow" title="793 items" href="/artists/p/">p <span>(793) </span></a> </li> <li class="roundtop shadow "> <a rel="nofollow" title="34 items" href="/artists/q/">q <span>(34) </span></a> </li> <li class="roundtop shadow "> <a rel="nofollow" title="754 items" href="/artists/r/">r <span>(754) </span></a> </li> <li class="roundtop shadow "> <a rel="nofollow" title="1184 items" href="/artists/s/">s <span>(1184) </span></a> </li> <li class="roundtop shadow "> <a rel="nofollow" title="576 items" href="/artists/t/">t <span>(576) </span></a> </li> <li class="roundtop shadow "> <a rel="nofollow" title="67 items" href="/artists/u/">u <span>(67) </span></a> </li> <li class="roundtop shadow "> <a rel="nofollow" title="441 items" href="/artists/v/">v <span>(441) </span></a> </li> <li class="roundtop shadow "> <a rel="nofollow" title="473 items" href="/artists/w/">w <span>(473) </span></a> </li> <li class="roundtop shadow "> <a rel="nofollow" title="16 items" href="/artists/x/">x <span>(16) </span></a> </li> <li class="roundtop shadow "> <a rel="nofollow" title="98 items" href="/artists/y/">y <span>(98) </span></a> </li> <li class="roundtop shadow "> <a rel="nofollow" title="136 items" href="/artists/z/">z <span>(136) </span></a> </li> </ul> <div class="medium-2 columns hide-for-small-only artistintro-left"> <div class="currentletter roundbottom shadow hide-for-medium">c </div> </div> <div class="large-pull-2 large-8 columns artistprofile roundbottom shadow"> <div class="artistinfo" xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Person"> <div class="addthis_toolbox addthis_default_style right"> <!-- Go to www.addthis.com/dashboard to customize your tools --> <div class="addthis_sharing_toolbox"></div> </div> <span style="display:none" property="v:title" itemprop="description"> Comic Creator Jean-Michel Ciochetti </span> <h1 property="v:name" itemprop="headline">Jean-Michel Ciochetti</h1> <h2 property="v:nickname" itemprop="alternativeHeadline"> </h2> <p> (France) <span rel="v:address"> <span typeof="v:Address"> <span property="v:region"> <img class="noshadow" width="20" height="12" alt="France" src="/share/images/flags/iso/FR.png" /> </span> </span> </span> </p> </div> <img style="display:none" itemprop="image" alt="Jean-Michel Ciochetti" src="/artists/image/c/ciochetti_joan-miqueu/ciochetti_calabrun2.jpg"/> </div> </div> </div> <div class="row"> <div class="large-offset-2 large-8 columns artisttext"> <div class="content" itemprop="articleBody"> <p class="cmc-img"><img alt="Calabrun, by Ciochetti" class="lazy" data-original="/artists/image/c/ciochetti_joan-miqueu/ciochetti_calabrun2.jpg"></p><p class="bodytext">Jean-Michel Ciochetti is an artist from Villeneuve sur lot (Lot et Garonne). He was the penciller of 'Calabrun', a comic in Occitan language, that was published by Edicions Cap e Cap in 1975. The story was written by Marc猫u Esquieu and Crestian Rapin, and inked by Bernard Ciochetti.</p><p class="cmc-img"><img alt="Calabrun, by Ciochetti" class="lazy" data-original="/artists/image/c/ciochetti_joan-miqueu/ciochetti_joan_miqueu_calabrun1.jpg"></p> </div> <div class="large-12 columns copyright info"> <p class="credits"> </p> Artwork © 2024 Jean-Michel Ciochetti <p> Website © 1994-2024 Lambiek <p class="update info" > Last updated: 0000-00-00</p> <meta itemprop="datePublished" content="1970-01-01T01:00:00+01:00"/> </div> </div> <div class="large-12 columns" id="prevnext"></div> </div> <div class="row"> <div class="small-12 medium-10 large-8 medium-centered large-centered columns "> <div class="leuk" style="top:auto;margin-right: 112px"> <div class="addthis_toolbox addthis_default_style "> <!-- Go to www.addthis.com/dashboard to customize your tools --> <div class="addthis_native_toolbox"></div> </div> <!-- Go to www.addthis.com/dashboard to customize your tools --> <script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-563e31a70fa51314"></script> </div> <div class="fb-comments" colorscheme="light" data-href="http://www.lambiek.net/artists/c/ciochetti_joan-m.htm" data-num-posts="2" data-width="604" ></div> </div> </div> <div class="row"> <div class="artistuitro navbottom large-12 columns"> <ul class="letters navtablist "> <li class="roundbottom shadow "><a rel="nofollow" title="616 items" href="/artists/a/">a<span>(616)</span></a></li> <li class="roundbottom shadow "><a rel="nofollow" title="1295 items" href="/artists/b/">b<span>(1295)</span></a></li> <li class="roundbottom shadow "><a rel="nofollow" title="1030 items" href="/artists/c/">c<span>(1030)</span></a></li> <li class="roundbottom shadow "><a rel="nofollow" title="860 items" href="/artists/d/">d<span>(860)</span></a></li> <li class="roundbottom shadow "><a rel="nofollow" title="252 items" href="/artists/e/">e<span>(252)</span></a></li> <li class="roundbottom shadow "><a rel="nofollow" title="538 items" href="/artists/f/">f<span>(538)</span></a></li> <li class="roundbottom shadow "><a rel="nofollow" title="811 items" href="/artists/g/">g<span>(811)</span></a></li> <li class="roundbottom shadow "><a rel="nofollow" title="704 items" href="/artists/h/">h<span>(704)</span></a></li> <li class="roundbottom shadow "><a rel="nofollow" title="112 items" href="/artists/i/">i<span>(112)</span></a></li> <li class="roundbottom shadow "><a rel="nofollow" title="330 items" href="/artists/j/">j<span>(330)</span></a></li> <li class="roundbottom shadow "><a rel="nofollow" title="644 items" href="/artists/k/">k<span>(644)</span></a></li> <li class="roundbottom shadow "><a rel="nofollow" title="766 items" href="/artists/l/">l<span>(766)</span></a></li> <li class="roundbottom shadow "><a rel="nofollow" title="1231 items" href="/artists/m/">m<span>(1231)</span></a></li> <li class="roundbottom shadow "><a rel="nofollow" title="317 items" href="/artists/n/">n<span>(317)</span></a></li> <li class="roundbottom shadow "><a rel="nofollow" title="243 items" href="/artists/o/">o<span>(243)</span></a></li> <li class="roundbottom shadow "><a rel="nofollow" title="793 items" href="/artists/p/">p<span>(793)</span></a></li> <li class="roundbottom shadow "><a rel="nofollow" title="34 items" href="/artists/q/">q<span>(34)</span></a></li> <li class="roundbottom shadow "><a rel="nofollow" title="754 items" href="/artists/r/">r<span>(754)</span></a></li> <li class="roundbottom shadow "><a rel="nofollow" title="1184 items" href="/artists/s/">s<span>(1184)</span></a></li> <li class="roundbottom shadow "><a rel="nofollow" title="576 items" href="/artists/t/">t<span>(576)</span></a></li> <li class="roundbottom shadow "><a rel="nofollow" title="67 items" href="/artists/u/">u<span>(67)</span></a></li> <li class="roundbottom shadow "><a rel="nofollow" title="441 items" href="/artists/v/">v<span>(441)</span></a></li> <li class="roundbottom shadow "><a rel="nofollow" title="473 items" href="/artists/w/">w<span>(473)</span></a></li> <li class="roundbottom shadow "><a rel="nofollow" title="16 items" href="/artists/x/">x<span>(16)</span></a></li> <li class="roundbottom shadow "><a rel="nofollow" title="98 items" href="/artists/y/">y<span>(98)</span></a></li> <li class="roundbottom shadow "><a rel="nofollow" title="136 items" href="/artists/z/">z<span>(136)</span></a></li> </ul> <div class="searchbottom"> <h4>Find other artists in the Comiclopedia:</h4> <div class="search search-comiclopedia"> <p>Search in Comiclopedia</p> <input type="text" value="Search in Comiclopedia..." id="inputfield2" class="rounded shadow" /> </div> </div> </div> </div> <!-- SHOP PART --> <a name="books"></a> <div class="bibliography-header"><h3>Series and books by <span class="artistname">Jean-Michel Ciochetti</span> you can order today:</h3> </div> <div class="bibliography" > <div class="bibliography-inner rounded"> <div class="scrollable" id="load"></div> </div> </div> <div class="bibliography-footer"> </div> <div class="row"> <div class="small-12 columns medium-8 medium-centered"> <div class="panel bedeltekst artista"> <a href="#" id="closer" onclick="$('.bedeltekst').remove();return false;">X</a> <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top" class="right"> <input type="hidden" name="cmd" value="_donations"> <input type="hidden" name="business" value="lambiek@lambiek.net"> <input type="hidden" name="lc" value="US"> <input type="hidden" name="item_name" value="lambiek comiclopedia"> <input type="hidden" name="no_note" value="0"> <input type="hidden" name="currency_code" value="EUR"> <input type="hidden" name="bn" value="PP-DonationsBF:btn_donateCC_LG.gif:NonHostedGuest"> <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"> <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1"> </form> <p> If you want to help us continue and improve our ever- expanding database, we would appreciate your donation through Paypal. </p> </div> </div> </div> </div> </div> <script > $(function(){ $("#prevnext").load("/ajax/comclopedia_nextprev/?id=4997",function(){ //$(".bedeltekst.artista").prependTo("body"); }) $('<span id="load"> SEARCHING ... </span>').appendTo('.scrollable') $('.touch ul.letters li.current a').click(function(event){ event.preventDefault(); var balk = $(this).parent().parent(); balk.addClass('active'); }) $(".bibliography .scrollable").load("/ajax/findbook/?id=4997", function(data){ //$('.bibliography .scrollable').append(data); $(".scrollable #load").removeAttr("id"); var obj=$('.bibliography-inner .shopitem') if (obj.length > 0) { var boekhoogte= $('.shopitem').height(); var ruimte= $('.artisttext').height(); var aantal= Math.ceil(ruimte/boekhoogte) $('.artisttext').after('<div class="medium-12 large-2 columns"><div class="bibliography-header"><p class="strong"><span class="artistname">Jean-Michel Ciochetti</span> in our shop</p></div>'); teller=0; $.each(obj,function(){ teller= teller+1; if (teller< aantal) { var x= $(this).clone() $('.sale').append(x); } }) } first= "Jean-Michel"; last= "Ciochetti"; if (first) slugname= string_to_slug( last + ' ' + first); else slugname= string_to_slug(last); $(".bibliography-header h3, .bibliography-header p.strong").wrap('<a href="/shop/artist/'+ slugname +'.html">') $(".bibliography-header a").css('color', '#fff') }) }); </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "item": { "@id": "/comiclopedia.html", "name": "Comiclopedia" } }, { "@type": "ListItem", "position": 2, "item": { "@id": "/artists/c/", "name": "Comic Creators" } } ] } </script> <!--end share/templates/comiclopedia/default.xhtml--> </div><!-- main --> <footer id="colophon" > <div id="footer_contain"> <div class="branding"> <span class="ir l"> </span> <span class="ir c"> </span> </div> <div class="footertop"><a href="#" rel="nofollow" onClick="self.scrollTo(0,0); return false">top</a></div> <ul class="rightbottom"> <li> <a href="/info/help/search.html?id=225">about searching</a> </li> <li> <a rel="nofollow" href="/info/legal/general_conditions.html">general conditions</a> </li> <li> <a rel="nofollow" href="/info/legal/privacy_statement.html">privacy statement</a> </li> </ul> </div><!-- #footer_contain --> <div class="footerbottom"></div> </footer> <!-- #colophon --> </div> <!-- #page --> <div id="webshopsearch"></div> <div id="comiclopediasearch"></div> <script src="/js/highslide/highslide-full.packed.js"></script> <script src="/js/jquery-ui/jquery-ui-1.8.11.custom.min.js "></script> <script src="/js/jquery-ui/jquery.pnotify.min.js"></script> <script src="/share/lambiek_functions16.js" ></script> <script src="/js/digiz.js " charset="utf-16le"></script> <script> $(document).ready(function(){ $("img.lazy").lazyload({ effect : "fadeIn" }); barpos = $('.shopintro').offset(); //console.log('barpos='+barpos.top); $(window).scroll(function() { if (barpos) if ($(this).scrollTop() > barpos.top){ $('body').addClass("sticky"); // move search to the fixedbar if ( !$(".search#fixedsearch").length ) { console.log('geen fixedsearch') $('<li id="fixedsearch" class="search search-webshop right"></li>').appendTo('.navtablist'); } $('#searchinput').appendTo('#fixedsearch'); } else{ $('body').removeClass("sticky"); // move it back $('#searchinput').appendTo('#access .search-webshop> .row'); // console.log('weer naar boven') } }); $('img.lazy').lazyload({ effect : "fadeIn" }); }); </script> <script type="application/ld+json"> { "@context" : "http://schema.org", "@type" : "WebSite", "name" : "Lambiek.net", "alternateName" : "Comic books and Comics Compendium", "url" : "https://www.lambiek.net" } </script> <script src="/js/jquery.lazyload.min.js"></script> <script src="/js/bxslider/jquery.bxSlider.min.js"></script> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=409382332409180"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> </body> </html>