+- Beckett Message Boards (https://www.beckett.com/forums)
+-- Forum: Hobby Talk (https://www.beckett.com/forums/forum-1.html)
+--- Forum: Football (https://www.beckett.com/forums/forum-6.html)
+--- Thread: A better way to post pics (and a way around the image limit on the boards) (/thread-1528077.html)
Pages:
1
2
A better way to post pics (and a way around the image limit on the boards) - jacobystealshome - 02-20-2013
2 issues killed with one stone:
1. the image limit on the boards is a real pain in the patoot. this will work as a solution around that - even if you want to post 1000 images at one time
2. this solution will also provide a cleaner look to posting your pictures. one of my pet peeves with people posting their collections and maildays on the boards is how inconsistent it looks, how the bigger pics will make me scroll side to side. also, it is really hard to get a good look at a lot of cards at once
the solution? image mapping
an image map is one big jpeg, that you can click on different points and be directed to different links. so, if you have an image of all your cards side by side, you can link to a direct image of each card within that jpeg
the basic process is this: scan your cards. use an editor - it can be as simple as ms paint - to put the cards together in a way that is clean.. host both the individual card images and the "big picture" to a photohosting site (i prefer imageshack.us, most of you like photobucket). take the "big picture" link, and go to an online image map website (or you can download a image map tool. also, i believe photoshop has something you can use). i personally use www.image-maps.com because it is really easy to use
so, here is what it looks like:
you can click on any of the cards, and it will lead you to a bigger image of that card
let me know what yall think
<div style="text-align:left; width:574px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_3201302201910099" src="http://imageshack.us/a/img594/1070/44097207.jpg" usemap="#Image-Maps_3201302201910099" border="0" width="574" height="800" alt="" />
<map id="_Image-Maps_3201302201910099" name="Image-Maps_3201302201910099">
<area shape="rect" coords="115,318,226,477" href="http://imageshack.us/a/img850/5360/mcgriffdwsautof2nf.png" alt="" title="" />
<area shape="rect" coords="0,157,111,316" href="http://imageshack.us/a/img853/9315/img0007ug.png" alt="" title="" />
<area shape="rect" coords="115,636,226,795" href="http://imageshack.us/a/img541/5332/img011j.png" alt="" title="" />
<area shape="rect" coords="231,636,342,795" href="http://imageshack.us/a/img835/2089/stephendavisgametime.png" alt="" title="" />
<area shape="rect" coords="3,476,114,635" href="http://imageshack.us/a/img16/2999/ripkenquad.png" alt="" title="" />
<area shape="rect" coords="112,156,223,315" href="http://imageshack.us/a/img577/8054/sosaquad175.png" alt="" title="" />
<area shape="rect" coords="458,485,569,644" href="http://imageshack.us/a/img18/7121/dimaggio.png" alt="" title="" />
<area shape="rect" coords="227,479,338,638" href="http://imageshack.us/a/img571/3552/ytyu.png" alt="" title="" />
<area shape="rect" coords="227,0,338,159" href="http://imageshack.us/a/img826/3483/img00062.png" alt="" title="" />
<area shape="rect" coords="341,161,452,320" href="http://imageshack.us/a/img689/9161/img4n.png" alt="" title="" />
<area shape="rect" coords="346,482,457,641" href="http://imageshack.us/a/img547/7997/img3q.png" alt="" title="" />
<area shape="rect" coords="458,3,569,162" href="http://imageshack.us/a/img823/8319/img2p.png" alt="" title="" />
<area shape="rect" coords="456,324,567,483" href="http://imageshack.us/a/img4/2511/img0003new0001gu5.png" alt="" title="" />
<area shape="rect" coords="0,0,111,159" href="http://imageshack.us/a/img694/5989/img004v.png" alt="" title="" />
<area shape="rect" coords="117,478,228,637" href="http://imageshack.us/a/img844/2825/img0004newzq0.png" alt="" title="" />
<area shape="rect" coords="458,164,569,323" href="http://imageshack.us/a/img259/3955/img005.png" alt="" title="" />
<area shape="rect" coords="226,157,337,316" href="http://imageshack.us/a/img842/5036/img0062a.png" alt="" title="" />
<area shape="rect" coords="343,0,454,159" href="http://imageshack.us/a/img16/3451/img006z.png" alt="" title="" />
<area shape="rect" coords="0,316,111,475" href="http://imageshack.us/a/img5/9130/img015e.png" alt="" title="" />
<area shape="rect" coords="0,635,111,794" href="http://imageshack.us/a/img820/2327/img0002new0002os1.png" alt="" title="" />
<area shape="rect" coords="228,319,339,478" href="http://imageshack.us/a/img838/8801/img0002new0001ni9.png" alt="" title="" />
<area shape="rect" coords="113,0,224,159" href="http://imageshack.us/a/img543/5597/img002copy1.png" alt="" title="" />
<area shape="rect" coords="342,636,453,795" href="http://imageshack.us/a/img41/853/imggx.png" alt="" title="" />
<area shape="rect" coords="458,636,569,795" href="http://imageshack.us/a/img24/2976/ddfhdfh.png" alt="" title="" />
<area shape="rect" coords="343,321,454,480" href="http://imageshack.us/a/img849/1274/img0001new0002oc0.png" alt="" title="" />
</map>
</div>
RE: A better way to post pics (and a way around the image limit on the boards) - bostonsports1 - 02-20-2013
I like it, would love to to it with my graded rc collection, would look cool to see them like that.
RE: A better way to post pics (and a way around the image limit on the boards) - peytonvols18 - 02-20-2013
Wow I definitely like that a lot better....Thanks a lot jacobystealshome! always a help in the thread!
RE: A better way to post pics (and a way around the image limit on the boards) - jacobystealshome - 02-21-2013
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>
RE: A better way to post pics (and a way around the image limit on the boards) - bostonsports1 - 02-21-2013
Some good sponsors you got there, the friendly toast is awesome lol
RE: A better way to post pics (and a way around the image limit on the boards) - Marinocollector - 02-21-2013
I think I wish I had that Marino atomic.... LOL.... I think I'll try to do this for the marino autos I have... should be cool...
RE: A better way to post pics (and a way around the image limit on the boards) - 420ramsfan - 02-21-2013
nice! jacoby steals home again! thanx for the info.
RE: A better way to post pics (and a way around the image limit on the boards) - uwash97 - 02-21-2013
Nice! Will have to try it. Thanks for the info!
RE: A better way to post pics (and a way around the image limit on the boards) - jfrench91 - 02-21-2013
i like it.. thanks!
RE: A better way to post pics (and a way around the image limit on the boards) - jacobystealshome - 02-22-2013
(02-21-2013, 09:06 AM)bostonsports1 Wrote: Some good sponsors you got there, the friendly toast is awesome lol
they give every year...and i still havent been. EVERYONE i know says they are great