02-21-2013, 07:09 AM
RE: A better way to post pics (and a way around the image limit on the boards)
RE: A better way to post pics (and a way around the image limit on the boards)
of course, the "big picture" can be bigger than i made it...and it could be literally as many cards as you want
you also could link to a quadrant of cards instead of an individual card...you could show sections of 3 cards wide and 2 cards high as a link
and they dont have to be lined up neat either. for example: to display the companies that sponsered my event this year, i took all their company logos and threw them randomly up on a page, then linked them all:
<div style="text-align:center; width:783px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_6201302031555541" src="http://project-cupid.org/wp-content/uploads/2012/07/donate-2013-2.jpg" usemap="#Image-Maps_6201302031555541" border="0" width="783" height="1783" alt="" />
<map id="_Image-Maps_6201302031555541" name="Image-Maps_6201302031555541">
<area shape="rect" coords="16,31,141,116" href="http://www.plentyoftwenties.com" alt="Plenty O' Twenties" title="Plenty O' Twenties" />
<area shape="rect" coords="156,8,346,102" href="http://www.savinbarandkitchen.com/" alt="Savin Bar and Kitchen" title="Savin Bar and Kitchen" />
<area shape="rect" coords="397,0,546,136" href="http://www.myersandchang.com/" alt="Myers and Chang" title="Myers and Chang" />
<area shape="rect" coords="566,34,773,133" href="http://www.heiressboston.com/" alt="Heiress" title="Heiress" />
<area shape="rect" coords="175,116,342,162" href="http://www.docksiderestaurants.com" alt="Dockside Restaurant" title="Dockside Restaurant" />
<area shape="rect" coords="495,157,669,195" href="http://www.modernpilatesboston.com/" alt="Modern Pilates" title="Modern Pilates" />
<area shape="rect" coords="14,146,169,250" href="http://www.revolutionsoccer.net/" alt="New England Revolution" title="New England Revolution" />
<area shape="rect" coords="204,208,327,274" href="http://litboutique.com/" alt="Lit Boutique" title="Lit Boutique" />
<area shape="rect" coords="687,173,767,253" href="http://www.redsox.com" alt="Boston Red Sox" title="Boston Red Sox" />
<area shape="rect" coords="397,237,547,319" href="http://www.thefriendlytoast.net" alt="Friendly Toast" title="Friendly Toast" />
<area shape="rect" coords="552,288,753,350" href="http://www.ameshotel.com" alt="Ames Hotel" title="Ames Hotel" />
<area shape="rect" coords="32,302,214,357" href="http://www.baronbaptiste.com/" alt="Baptiste Yoga" title="Baptiste Yoga" />
<area shape="rect" coords="230,319,413,417" href="http://www.dailycatch.com/" alt="Daily Catch" title="Daily Catch" />
<area shape="rect" coords="362,144,434,214" href="http://www.ussconstitutionmuseum.org/" alt="USS Constitution" title="USS Constitution" />
<area shape="rect" coords="458,370,600,460" href="http://www.jerryremys.com/" alt="Jerry Remy's" title="Jerry Remy's" />
<area shape="rect" coords="632,397,772,478" href="http://www.unionrestaurant.com/" alt="Union Bar and Grille" title="Union Bar and Grille" />
<area shape="rect" coords="27,380,170,504" href="Brockton Rox" alt="http://www.brocktonrox.com/" title="http://www.brocktonrox.com/" />
<area shape="rect" coords="213,447,316,617" href="http://www.thebluesjeanbar.com" alt="The Blue Jeans Bar" title="The Blue Jeans Bar" />
<area shape="rect" coords="352,476,561,583" href="http://www.easternstandardboston.com/" alt="Eastern Standard" title="Eastern Standard" />
<area shape="rect" coords="615,526,743,660" href="http://www.northstarboston.com/" alt="North Star" title="North Star" />
<area shape="rect" coords="1,533,200,646" href="http://www.ruggedmaniac.com/" alt="Rugged Maniac" title="Rugged Maniac" />
<area shape="rect" coords="476,610,566,700" href="http://www.starbucks.com/" alt="Starbucks" title="Starbucks" />
<area shape="rect" coords="95,668,230,727" href="http://www.ameliastrattoria.com/" alt="Amelia's Trattoria" title="Amelia's Trattoria" />
<area shape="rect" coords="279,640,474,793" href="http://thepaintedburro.com/" alt="Painted Burro" title="Painted Burro" />
<area shape="rect" coords="47,744,154,852" href="http://www.jilliansboston.com/" alt="Jillian's" title="Jillian's" />
<area shape="rect" coords="560,705,772,764" href="http://www.fireplacerest.com/" alt="The Fireplace Restaurant" title="The Fireplace Restaurant" />
<area shape="rect" coords="9,871,138,919" href="http://www.trescanorthend.com/" alt="Tresca" title="Tresca" />
<area shape="rect" coords="486,795,615,843" href="http://www.westinbostonwaterfront.com/" alt="Westin Boston Waterfront" title="Westin Boston Waterfront" />
<area shape="rect" coords="641,804,776,874" href="http://www.bostonharborcruises.com" alt="Boston Codzilla Cruise" title="Boston Codzilla Cruise" />
<area shape="rect" coords="194,807,363,886" href="http://www.gemboston.com/" alt="GEM Restaurant & Lounge " title="GEM Restaurant & Lounge " />
<area shape="poly" coords="428,835,498,891,431,946,362,894," href="http://www.cpk.com/" alt="California Pizza Kitchen" title="California Pizza Kitchen" />
<area shape="poly" coords="428,835,499,890,432,948,361,893," href="http://www.cpk.com/" alt="" title="" />
<area shape="rect" coords="373,843,486,941" href="http://www.cpk.com/" alt="California Pizza Kitchen" title="California Pizza Kitchen" />
<area shape="rect" coords="160,923,299,963" href="http://ashmontgrill.com/" alt="Ashmont Grill" title="Ashmont Grill" />
<area shape="rect" coords="563,908,765,980" href="http://www.peterwelchsgym.com/" alt="Peter Welchs Gym" title="Peter Welchs Gym" />
<area shape="rect" coords="1,993,204,1144" href="http://www.blueman.com/tickets/boston/" alt="Blue Man Group" title="Blue Man Group" />
<area shape="rect" coords="320,954,523,1054" href="http://www.safehavenfilm.com/" alt="Safe Haven" title="Safe Haven" />
<area shape="rect" coords="588,998,749,1075" href="http://www.arenaautobody.net/" alt="Arena Body Shop" title="Arena Body Shop" />
<area shape="rect" coords="242,1081,403,1133" href="http://www.improvasylum.com/" alt="Improv Asylum" title="Improv Asylum" />
<area shape="rect" coords="423,1104,584,1194" href="http://www.gaslight560.com/" alt="Gaslight" title="Gaslight" />
<area shape="rect" coords="608,1092,757,1240" href="http://www.nba.com/celtics/" alt="Boston Celtics" title="Boston Celtics" />
<area shape="rect" coords="29,1175,276,1222" href="http://www.piccorestaurant.com/" alt="Picco Restaurant" title="Picco Restaurant" />
<area shape="rect" coords="8,1241,187,1316" href="http://www.thewilburtheatre.com/" alt="Wilbur Theatre" title="Wilbur Theatre" />
<area shape="rect" coords="282,1218,431,1366" href="http://www.thefours.com/" alt="The Fours" title="The Fours" />
<area shape="rect" coords="461,1234,573,1332" href="http://www.islandcreekoysterbar.com" alt="Island Creek Oyster" title="Island Creek Oyster" />
<area shape="rect" coords="595,1262,751,1324" href="http://www.coolidge.org/" alt="Coolidge Corner Theatre" title="Coolidge Corner Theatre" />
<area shape="rect" coords="107,1329,245,1412" href="Boston Chocolate Walking Tour" alt="http://www.bostonchocolatewalkingtours.com" title="http://www.bostonchocolatewalkingtours.com" />
<area shape="rect" coords="306,1392,508,1432" href="http://www.salonacote.com/" alt="Salon Acote" title="Salon Acote" />
<area shape="rect" coords="24,1426,188,1484" href="http://www.avantisalonboston.com" alt="Avanti Hair Salon" title="Avanti Hair Salon" />
<area shape="rect" coords="240,1453,381,1572" href="http://www.casknflagon.com/" alt="Cask n Flagon" title="Cask n Flagon" />
<area shape="rect" coords="557,1351,726,1458" href="http://www.milb.com/index.jsp?sid=t558" alt="Lowell Spinners" title="Lowell Spinners" />
<area shape="rect" coords="112,1505,221,1584" href="http://www.ansaphone.com/" alt="Ansaphone" title="Ansaphone" />
<area shape="rect" coords="401,1488,605,1552" href="http://www.photowalks.com" alt="Photowalks" title="Photowalks" />
<area shape="rect" coords="609,1471,778,1615" href="http://tresgatosjp.com/" alt="Tres Gatos" title="Tres Gatos" />
<area shape="rect" coords="14,1591,174,1656" href="Grafton Restaurant Group" alt="http://graftonstreetcambridge.com/ " title="http://graftonstreetcambridge.com/ " />
<area shape="rect" coords="209,1592,387,1661" href="http://www.capriccios.com/" alt="Capriccio" title="Capriccio" />
<area shape="rect" coords="419,1581,597,1637" href="http://www.depasqualeventures.com/" alt="Depasquale Ventures" title="Depasquale Ventures" />
<area shape="rect" coords="558,1647,777,1716" href="http://www.hurrydate.com/" alt="Hurrydate" title="Hurrydate" />
<area shape="rect" coords="36,1678,215,1749" href="http://www.tremont647.com" alt="Tremont 647" title="Tremont 647" />
<area shape="rect" coords="586,1724,762,1774" href="http://www.karengoldenskincare.com/" alt="Karen Golden Skin Care" title="Karen Golden Skin Care" />
<area shape="rect" coords="295,1697,541,1749" href="http://www.Southendathleticcompany.com" alt="South End Athletic Company" title="South End Athletic Company" />
<area shape="rect" coords="781,1781,783,1783" href="http://www.image-maps.com/index.php?aff=mapped_users_6201302031555541" alt="Image Map" title="Image Map" />
</map>
</div>
you also could link to a quadrant of cards instead of an individual card...you could show sections of 3 cards wide and 2 cards high as a link
and they dont have to be lined up neat either. for example: to display the companies that sponsered my event this year, i took all their company logos and threw them randomly up on a page, then linked them all:
<div style="text-align:center; width:783px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_6201302031555541" src="http://project-cupid.org/wp-content/uploads/2012/07/donate-2013-2.jpg" usemap="#Image-Maps_6201302031555541" border="0" width="783" height="1783" alt="" />
<map id="_Image-Maps_6201302031555541" name="Image-Maps_6201302031555541">
<area shape="rect" coords="16,31,141,116" href="http://www.plentyoftwenties.com" alt="Plenty O' Twenties" title="Plenty O' Twenties" />
<area shape="rect" coords="156,8,346,102" href="http://www.savinbarandkitchen.com/" alt="Savin Bar and Kitchen" title="Savin Bar and Kitchen" />
<area shape="rect" coords="397,0,546,136" href="http://www.myersandchang.com/" alt="Myers and Chang" title="Myers and Chang" />
<area shape="rect" coords="566,34,773,133" href="http://www.heiressboston.com/" alt="Heiress" title="Heiress" />
<area shape="rect" coords="175,116,342,162" href="http://www.docksiderestaurants.com" alt="Dockside Restaurant" title="Dockside Restaurant" />
<area shape="rect" coords="495,157,669,195" href="http://www.modernpilatesboston.com/" alt="Modern Pilates" title="Modern Pilates" />
<area shape="rect" coords="14,146,169,250" href="http://www.revolutionsoccer.net/" alt="New England Revolution" title="New England Revolution" />
<area shape="rect" coords="204,208,327,274" href="http://litboutique.com/" alt="Lit Boutique" title="Lit Boutique" />
<area shape="rect" coords="687,173,767,253" href="http://www.redsox.com" alt="Boston Red Sox" title="Boston Red Sox" />
<area shape="rect" coords="397,237,547,319" href="http://www.thefriendlytoast.net" alt="Friendly Toast" title="Friendly Toast" />
<area shape="rect" coords="552,288,753,350" href="http://www.ameshotel.com" alt="Ames Hotel" title="Ames Hotel" />
<area shape="rect" coords="32,302,214,357" href="http://www.baronbaptiste.com/" alt="Baptiste Yoga" title="Baptiste Yoga" />
<area shape="rect" coords="230,319,413,417" href="http://www.dailycatch.com/" alt="Daily Catch" title="Daily Catch" />
<area shape="rect" coords="362,144,434,214" href="http://www.ussconstitutionmuseum.org/" alt="USS Constitution" title="USS Constitution" />
<area shape="rect" coords="458,370,600,460" href="http://www.jerryremys.com/" alt="Jerry Remy's" title="Jerry Remy's" />
<area shape="rect" coords="632,397,772,478" href="http://www.unionrestaurant.com/" alt="Union Bar and Grille" title="Union Bar and Grille" />
<area shape="rect" coords="27,380,170,504" href="Brockton Rox" alt="http://www.brocktonrox.com/" title="http://www.brocktonrox.com/" />
<area shape="rect" coords="213,447,316,617" href="http://www.thebluesjeanbar.com" alt="The Blue Jeans Bar" title="The Blue Jeans Bar" />
<area shape="rect" coords="352,476,561,583" href="http://www.easternstandardboston.com/" alt="Eastern Standard" title="Eastern Standard" />
<area shape="rect" coords="615,526,743,660" href="http://www.northstarboston.com/" alt="North Star" title="North Star" />
<area shape="rect" coords="1,533,200,646" href="http://www.ruggedmaniac.com/" alt="Rugged Maniac" title="Rugged Maniac" />
<area shape="rect" coords="476,610,566,700" href="http://www.starbucks.com/" alt="Starbucks" title="Starbucks" />
<area shape="rect" coords="95,668,230,727" href="http://www.ameliastrattoria.com/" alt="Amelia's Trattoria" title="Amelia's Trattoria" />
<area shape="rect" coords="279,640,474,793" href="http://thepaintedburro.com/" alt="Painted Burro" title="Painted Burro" />
<area shape="rect" coords="47,744,154,852" href="http://www.jilliansboston.com/" alt="Jillian's" title="Jillian's" />
<area shape="rect" coords="560,705,772,764" href="http://www.fireplacerest.com/" alt="The Fireplace Restaurant" title="The Fireplace Restaurant" />
<area shape="rect" coords="9,871,138,919" href="http://www.trescanorthend.com/" alt="Tresca" title="Tresca" />
<area shape="rect" coords="486,795,615,843" href="http://www.westinbostonwaterfront.com/" alt="Westin Boston Waterfront" title="Westin Boston Waterfront" />
<area shape="rect" coords="641,804,776,874" href="http://www.bostonharborcruises.com" alt="Boston Codzilla Cruise" title="Boston Codzilla Cruise" />
<area shape="rect" coords="194,807,363,886" href="http://www.gemboston.com/" alt="GEM Restaurant & Lounge " title="GEM Restaurant & Lounge " />
<area shape="poly" coords="428,835,498,891,431,946,362,894," href="http://www.cpk.com/" alt="California Pizza Kitchen" title="California Pizza Kitchen" />
<area shape="poly" coords="428,835,499,890,432,948,361,893," href="http://www.cpk.com/" alt="" title="" />
<area shape="rect" coords="373,843,486,941" href="http://www.cpk.com/" alt="California Pizza Kitchen" title="California Pizza Kitchen" />
<area shape="rect" coords="160,923,299,963" href="http://ashmontgrill.com/" alt="Ashmont Grill" title="Ashmont Grill" />
<area shape="rect" coords="563,908,765,980" href="http://www.peterwelchsgym.com/" alt="Peter Welchs Gym" title="Peter Welchs Gym" />
<area shape="rect" coords="1,993,204,1144" href="http://www.blueman.com/tickets/boston/" alt="Blue Man Group" title="Blue Man Group" />
<area shape="rect" coords="320,954,523,1054" href="http://www.safehavenfilm.com/" alt="Safe Haven" title="Safe Haven" />
<area shape="rect" coords="588,998,749,1075" href="http://www.arenaautobody.net/" alt="Arena Body Shop" title="Arena Body Shop" />
<area shape="rect" coords="242,1081,403,1133" href="http://www.improvasylum.com/" alt="Improv Asylum" title="Improv Asylum" />
<area shape="rect" coords="423,1104,584,1194" href="http://www.gaslight560.com/" alt="Gaslight" title="Gaslight" />
<area shape="rect" coords="608,1092,757,1240" href="http://www.nba.com/celtics/" alt="Boston Celtics" title="Boston Celtics" />
<area shape="rect" coords="29,1175,276,1222" href="http://www.piccorestaurant.com/" alt="Picco Restaurant" title="Picco Restaurant" />
<area shape="rect" coords="8,1241,187,1316" href="http://www.thewilburtheatre.com/" alt="Wilbur Theatre" title="Wilbur Theatre" />
<area shape="rect" coords="282,1218,431,1366" href="http://www.thefours.com/" alt="The Fours" title="The Fours" />
<area shape="rect" coords="461,1234,573,1332" href="http://www.islandcreekoysterbar.com" alt="Island Creek Oyster" title="Island Creek Oyster" />
<area shape="rect" coords="595,1262,751,1324" href="http://www.coolidge.org/" alt="Coolidge Corner Theatre" title="Coolidge Corner Theatre" />
<area shape="rect" coords="107,1329,245,1412" href="Boston Chocolate Walking Tour" alt="http://www.bostonchocolatewalkingtours.com" title="http://www.bostonchocolatewalkingtours.com" />
<area shape="rect" coords="306,1392,508,1432" href="http://www.salonacote.com/" alt="Salon Acote" title="Salon Acote" />
<area shape="rect" coords="24,1426,188,1484" href="http://www.avantisalonboston.com" alt="Avanti Hair Salon" title="Avanti Hair Salon" />
<area shape="rect" coords="240,1453,381,1572" href="http://www.casknflagon.com/" alt="Cask n Flagon" title="Cask n Flagon" />
<area shape="rect" coords="557,1351,726,1458" href="http://www.milb.com/index.jsp?sid=t558" alt="Lowell Spinners" title="Lowell Spinners" />
<area shape="rect" coords="112,1505,221,1584" href="http://www.ansaphone.com/" alt="Ansaphone" title="Ansaphone" />
<area shape="rect" coords="401,1488,605,1552" href="http://www.photowalks.com" alt="Photowalks" title="Photowalks" />
<area shape="rect" coords="609,1471,778,1615" href="http://tresgatosjp.com/" alt="Tres Gatos" title="Tres Gatos" />
<area shape="rect" coords="14,1591,174,1656" href="Grafton Restaurant Group" alt="http://graftonstreetcambridge.com/ " title="http://graftonstreetcambridge.com/ " />
<area shape="rect" coords="209,1592,387,1661" href="http://www.capriccios.com/" alt="Capriccio" title="Capriccio" />
<area shape="rect" coords="419,1581,597,1637" href="http://www.depasqualeventures.com/" alt="Depasquale Ventures" title="Depasquale Ventures" />
<area shape="rect" coords="558,1647,777,1716" href="http://www.hurrydate.com/" alt="Hurrydate" title="Hurrydate" />
<area shape="rect" coords="36,1678,215,1749" href="http://www.tremont647.com" alt="Tremont 647" title="Tremont 647" />
<area shape="rect" coords="586,1724,762,1774" href="http://www.karengoldenskincare.com/" alt="Karen Golden Skin Care" title="Karen Golden Skin Care" />
<area shape="rect" coords="295,1697,541,1749" href="http://www.Southendathleticcompany.com" alt="South End Athletic Company" title="South End Athletic Company" />
<area shape="rect" coords="781,1781,783,1783" href="http://www.image-maps.com/index.php?aff=mapped_users_6201302031555541" alt="Image Map" title="Image Map" />
</map>
</div>