"card shop"
Bootstrap 3.0.0 Snippet by evarevirus

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="canCookbooks"> <img hidefocus="true" usemap="#bookMap" src="http://static.indigoimages.ca/2014/banners/109333_FWSS_CanadianCookbook_NEUTRAL_v3.gif" id="bookMap" style="display: none;"> <map name="bookMap"> <area href="/books/great-canadian-cookbooks/#east" class="east" alt="east" coords="431,261,430,301,461,294,479,277,464,261,448,251,458,145,405,91,360,202,382,243,363,253,378,272,396,274,427,252" shape="poly" onclick="s_objectID="http://www.chapters.indigo.ca/books/great-canadian-cookbooks/#east_1";return this.s_oc?this.s_oc(e):true"> <area href="/books/great-canadian-cookbooks/#quebec" class="quebec" alt="quebec" coords="383,321,424,305,428,258,386,280,358,257,380,245,361,205,362,113,300,199,304,241,308,275,311,301,321,346,373,353" shape="poly" onclick="s_objectID="http://www.chapters.indigo.ca/books/great-canadian-cookbooks/#quebec_1";return this.s_oc?this.s_oc(e):true"> <area href="/books/great-canadian-cookbooks/#ontario" class="ontario" alt="ontario" coords="287,352,306,396,361,348,323,345,313,301,298,291,305,247,276,140,263,179,260,256,226,294,224,329" shape="poly" onclick="s_objectID="http://www.chapters.indigo.ca/books/great-canadian-cookbooks/#ontario_1";return this.s_oc?this.s_oc(e):true"> <area href="/books/great-canadian-cookbooks/#west" class="west" alt="west" coords="31,240,52,282,224,329,226,292,260,256,240,231,161,211,108,187,51,145,27,225" shape="poly" onclick="s_objectID="http://www.chapters.indigo.ca/books/great-canadian-cookbooks/#west_1";return this.s_oc?this.s_oc(e):true"> </map> <img style="display:none;" hidefocus="true" usemap="#eastMap" src="http://static.indigoimages.ca/2014/banners/109333_CanadianCookbooks_east_v3.jpg" id="eastMap"> <map name="eastMap"> <area href="/books/great-canadian-cookbooks/#east" class="east" alt="east" coords="432,274,392,314,414,363,503,266,469,240,454,234,431,183,391,176,366,173,399,230,381,238,393,257,404,261,430,253" shape="poly" onclick="s_objectID="http://www.chapters.indigo.ca/books/great-canadian-cookbooks/#east_2";return this.s_oc?this.s_oc(e):true"> <area href="/books/great-canadian-cookbooks/#quebec" class="quebec" alt="quebec" coords="383,321,424,305,428,258,386,280,358,257,380,245,361,205,362,113,300,199,304,241,308,275,311,301,321,346,373,353" shape="poly" onclick="s_objectID="http://www.chapters.indigo.ca/books/great-canadian-cookbooks/#quebec_2";return this.s_oc?this.s_oc(e):true"> <area href="/books/great-canadian-cookbooks/#ontario" class="ontario" alt="ontario" coords="287,352,306,396,361,348,323,345,313,301,298,291,305,247,276,140,263,179,260,256,226,294,224,329" shape="poly" onclick="s_objectID="http://www.chapters.indigo.ca/books/great-canadian-cookbooks/#ontario_2";return this.s_oc?this.s_oc(e):true"> <area href="/books/great-canadian-cookbooks/#west" class="west" alt="west" coords="31,240,52,282,224,329,226,292,260,256,240,231,161,211,108,187,51,145,27,225" shape="poly" onclick="s_objectID="http://www.chapters.indigo.ca/books/great-canadian-cookbooks/#west_2";return this.s_oc?this.s_oc(e):true"> <area href="/books/dinner-chez-moi/9781554689033-item.html?ref=shop%3abooks%3agreat-canadian-cookbooks%3amaritimes%3aimg-map" coords="544,181,671,382" shape="rect" onclick="s_objectID="http://www.chapters.indigo.ca/books/dinner-chez-moi/9781554689033-item.html?ref=shop%3abooks%3agr_1";return this.s_oc?this.s_oc(e):true"> <area href="/books/back-to-basics-100-simple/9780143184102-item.html?ref=shop%3abooks%3agreat-canadian-cookbooks%3amaritimes%3aimg-map" coords="669,184,777,387" shape="rect" onclick="s_objectID="http://www.chapters.indigo.ca/books/back-to-basics-100-simple/9780143184102-item.html?ref=shop%3a_1";return this.s_oc?this.s_oc(e):true"> <area href="/books/fresh-canadian-bistro-top-canadian/9780887808531-item.html?ref=shop%3abooks%3agreat-canadian-cookbooks%3amaritimes%3aimg-map" coords="777,188,891,385" shape="rect" onclick="s_objectID="http://www.chapters.indigo.ca/books/fresh-canadian-bistro-top-canadian/9780887808531-item.html?re_1";return this.s_oc?this.s_oc(e):true"> </map> <img hidefocus="true" style="display:none;" usemap="#quebecMap" src="http://static.indigoimages.ca/2014/banners/109333_CanadianCookbooks_quebec_v3.jpg" id="quebecMap"> <map name="quebecMap"> <area href="/books/great-canadian-cookbooks/#east" class="east" alt="east" coords="431,261,430,301,461,294,479,277,464,261,448,251,458,145,405,91,360,202,382,243,363,253,378,272,396,274,427,252" shape="poly" onclick="s_objectID="http://www.chapters.indigo.ca/books/great-canadian-cookbooks/#east_3";return this.s_oc?this.s_oc(e):true"> <area href="/books/great-canadian-cookbooks/#quebec" class="quebec" alt="quebec" coords="383,321,424,305,428,258,386,280,358,257,380,245,361,205,362,113,300,199,304,241,308,275,311,301,321,346,373,353" shape="poly" onclick="s_objectID="http://www.chapters.indigo.ca/books/great-canadian-cookbooks/#quebec_3";return this.s_oc?this.s_oc(e):true"> <area href="/books/great-canadian-cookbooks/#ontario" class="ontario" alt="ontario" coords="287,352,306,396,361,348,323,345,313,301,298,291,305,247,276,140,263,179,260,256,226,294,224,329" shape="poly" onclick="s_objectID="http://www.chapters.indigo.ca/books/great-canadian-cookbooks/#ontario_3";return this.s_oc?this.s_oc(e):true"> <area href="/books/great-canadian-cookbooks/#west" class="west" alt="west" coords="31,240,52,282,224,329,226,292,260,256,240,231,161,211,108,187,51,145,27,225" shape="poly" onclick="s_objectID="http://www.chapters.indigo.ca/books/great-canadian-cookbooks/#west_3";return this.s_oc?this.s_oc(e):true"> <area href="/books/chucks-day-off/9781443416368-item.html?ref=shop%3abooks%3agreat-canadian-cookbooks%3aquebec%3aimg-map" coords="543,186,676,385" shape="rect" onclick="s_objectID="http://www.chapters.indigo.ca/books/chucks-day-off/9781443416368-item.html?ref=shop%3abooks%3agre_1";return this.s_oc?this.s_oc(e):true"> <area href="/books/ricardo-slow-cooker-favourites/9781443424059-item.html?ref=shop%3abooks%3agreat-canadian-cookbooks%3aquebec%3aimg-map" coords="674,186,784,383" shape="rect" onclick="s_objectID="http://www.chapters.indigo.ca/books/ricardo-slow-cooker-favourites/9781443424059-item.html?ref=sh_1";return this.s_oc?this.s_oc(e):true"> <area href="/books/toqu%C3%A9-creators-a-new-quebec/9782922892697-item.html?ref=shop%3abooks%3agreat-canadian-cookbooks%3aquebec%3aimg-map" coords="784,185,902,383" shape="rect" onclick="s_objectID="http://www.chapters.indigo.ca/books/toqu%C3%A9-creators-a-new-quebec/9782922892697-item.html?ref=_1";return this.s_oc?this.s_oc(e):true"> </map> <img hidefocus="true" style="display:none;" usemap="#ontarioMap" src="http://static.indigoimages.ca/2014/banners/109333_CanadianCookbooks_ontario_v3.jpg" id="ontarioMap"> <map name="ontarioMap"> <area href="/books/great-canadian-cookbooks/#east" class="east" alt="east" coords="431,261,430,301,461,294,479,277,464,261,448,251,458,145,405,91,360,202,382,243,363,253,378,272,396,274,427,252" shape="poly" onclick="s_objectID="http://www.chapters.indigo.ca/books/great-canadian-cookbooks/#east_4";return this.s_oc?this.s_oc(e):true"> <area href="/books/great-canadian-cookbooks/#quebec" class="quebec" alt="quebec" coords="383,321,424,305,428,258,386,280,358,257,380,245,361,205,362,113,300,199,304,241,308,275,311,301,321,346,373,353" shape="poly" onclick="s_objectID="http://www.chapters.indigo.ca/books/great-canadian-cookbooks/#quebec_4";return this.s_oc?this.s_oc(e):true"> <area href="/books/great-canadian-cookbooks/#ontario" class="ontario" alt="ontario" coords="287,352,306,396,361,348,323,345,313,301,298,291,305,247,276,140,263,179,260,256,226,294,224,329" shape="poly" onclick="s_objectID="http://www.chapters.indigo.ca/books/great-canadian-cookbooks/#ontario_4";return this.s_oc?this.s_oc(e):true"> <area href="/books/great-canadian-cookbooks/#west" class="west" alt="west" coords="31,240,52,282,224,329,226,292,260,256,240,231,161,211,108,187,51,145,27,225" shape="poly" onclick="s_objectID="http://www.chapters.indigo.ca/books/great-canadian-cookbooks/#west_4";return this.s_oc?this.s_oc(e):true"> <area href="/books/the-oh-she-glows-cookbook/9780143187226-item.html?ref=shop%3abooks%3agreat-canadian-cookbooks%3aontario%3aimg-map" coords="550,189,671,383" shape="rect" onclick="s_objectID="http://www.chapters.indigo.ca/books/the-oh-she-glows-cookbook/9780143187226-item.html?ref=shop%3a_1";return this.s_oc?this.s_oc(e):true"> <area href="/books/the-flavour-principle/9781443413435-item.html?ref=shop%3abooks%3agreat-canadian-cookbooks%3aontario%3aimg-map" coords="670,189,782,384" shape="rect" onclick="s_objectID="http://www.chapters.indigo.ca/books/the-flavour-principle/9781443413435-item.html?ref=shop%3abook_1";return this.s_oc?this.s_oc(e):true"> <area href="/books/back-to-baking-200-timeless/9781770500631-item.html?ref=shop%3abooks%3agreat-canadian-cookbooks%3aontario%3aimg-map" coords="780,191,890,381" shape="rect" onclick="s_objectID="http://www.chapters.indigo.ca/books/back-to-baking-200-timeless/9781770500631-item.html?ref=shop%_1";return this.s_oc?this.s_oc(e):true"> </map> <img hidefocus="true" style="" usemap="#westMap" src="http://static.indigoimages.ca/2014/banners/109333_CanadianCookbooks_west_v3.jpg" id="westMap"> <map name="westMap"> <area href="/books/great-canadian-cookbooks/#east" class="east" alt="east" coords="431,261,430,301,461,294,479,277,464,261,448,251,458,145,405,91,360,202,382,243,363,253,378,272,396,274,427,252" shape="poly" onclick="s_objectID="http://www.chapters.indigo.ca/books/great-canadian-cookbooks/#east_5";return this.s_oc?this.s_oc(e):true"> <area href="/books/great-canadian-cookbooks/#quebec" class="quebec" alt="quebec" coords="383,321,424,305,428,258,386,280,358,257,380,245,361,205,362,113,300,199,304,241,308,275,311,301,321,346,373,353" shape="poly" onclick="s_objectID="http://www.chapters.indigo.ca/books/great-canadian-cookbooks/#quebec_5";return this.s_oc?this.s_oc(e):true"> <area href="/books/great-canadian-cookbooks/#ontario" class="ontario" alt="ontario" coords="287,352,306,396,361,348,323,345,313,301,298,291,305,247,276,140,263,179,260,256,226,294,224,329" shape="poly" onclick="s_objectID="http://www.chapters.indigo.ca/books/great-canadian-cookbooks/#ontario_5";return this.s_oc?this.s_oc(e):true"> <area href="/books/great-canadian-cookbooks/#west" class="west" alt="west" coords="31,240,52,282,224,329,226,292,260,256,240,231,161,211,108,187,51,145,27,225" shape="poly" onclick="s_objectID="http://www.chapters.indigo.ca/books/great-canadian-cookbooks/#west_5";return this.s_oc?this.s_oc(e):true"> <area href="/books/rob-feenies-casual-classics-everyday/9781553658733-item.html?ref=shop%3abooks%3agreat-canadian-cookbooks%3awest%3aimg-map" coords="553,188,675,386" shape="rect" onclick="s_objectID="http://www.chapters.indigo.ca/books/rob-feenies-casual-classics-everyday/9781553658733-item.html?_1";return this.s_oc?this.s_oc(e):true"> <area href="/books/whitewater-cooks-pure-simple-and/9781552858714-item.html?ref=shop%3abooks%3agreat-canadian-cookbooks%3awest%3aimg-map" coords="674,186,786,385" shape="rect" onclick="s_objectID="http://www.chapters.indigo.ca/books/whitewater-cooks-pure-simple-and/9781552858714-item.html?ref=_1";return this.s_oc?this.s_oc(e):true"> <area href="/books/the-sobo-cookbook-recipes-from/9780449015858-item.html?ref=shop%3abooks%3agreat-canadian-cookbooks%3awest%3aimg-map" coords="783,187,894,382" shape="rect" onclick="s_objectID="http://www.chapters.indigo.ca/books/the-sobo-cookbook-recipes-from/9780449015858-item.html?ref=sh_1";return this.s_oc?this.s_oc(e):true"> </map> </div>
.canCookbooks area { cursor:pointer; } .canCookbooks map, .canCookbooks map area, .canCookbooks area:hover, .canCookbooks area:active, .canCookbooks map:hover, .canCookbooks map:active { outline:none; border:none; } .grid_layout .product {min-height: 390px;}
$(document).ready(function(e) { $(".canCookbooks .east").hover(function(e) { $(".canCookbooks #bookMap").hide(); $(".canCookbooks #eastMap").show(); $(".canCookbooks #quebecMap").hide(); $(".canCookbooks #ontarioMap").hide(); $(".canCookbooks #westMap").hide(); }); $(".canCookbooks .quebec").hover(function(e) { $(".canCookbooks #bookMap").hide(); $(".canCookbooks #eastMap").hide(); $(".canCookbooks #quebecMap").show(); $(".canCookbooks #ontarioMap").hide(); $(".canCookbooks #westMap").hide(); }); $(".canCookbooks .ontario").hover(function(e) { $(".canCookbooks #bookMap").hide(); $(".canCookbooks #eastMap").hide(); $(".canCookbooks #quebecMap").hide(); $(".canCookbooks #ontarioMap").show(); $(".canCookbooks #westMap").hide(); }); $(".canCookbooks .west").hover(function(e) { $(".canCookbooks #bookMap").hide(); $(".canCookbooks #eastMap").hide(); $(".canCookbooks #quebecMap").hide(); $(".canCookbooks #ontarioMap").hide(); $(".canCookbooks #westMap").show(); }); });

Related: See More


Questions / Comments: