Grabbing a Graphic

EE Pros,

I have stumbled across a article that allows me to "embed" a graphic.  Unfortunately, I'm not sure how to embed it.  It allows for a download but do I paste it into a powerpoint?  It actually looks like VB Code.  Can you take a  look  and let me know how I grab this graphic for use?  Here is the URL.

http://visual.ly/look-history-and-future-predictive-analytics-and-big-data

Much thanks in advance,

b.
Bright01Asked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Tom BeckCommented:
They are allowing you to display it at custom size and providing the markup for you to paste into your page. Sample:
<div class='visually_embed'><img class='visually_embed_infographic' src='' alt='A Look at the History and Future of Predictive Analytics and Big Data' /><div class='visually_embed_cycle'></div><script type='text/javascript' src='http://a.visual.ly/api/embed/76738?width=540' class='visually_embed_script' id='visually_embed_script_76738'></script></div>

Open in new window

But that markup results in tons of extra markup and scripts added to the page for tracking, advertising, social linking, etc.

Free is NEVER free.
0
Bright01Author Commented:
So, the download button doesn't really do anything and I can simply copy/paste it?
0
PMI ACP® Project Management

Prepare for the PMI Agile Certified Practitioner (PMI-ACP)® exam, which formally recognizes your knowledge of agile principles and your skill with agile techniques.

Tom BeckCommented:
Our posts crossed. I explain what pasting the markup they give you does to your page.
0
Tom BeckCommented:
The resulting bloat to your page is quite extensive.
Here's the body of a test page I created with the markup they provide you to get that image to appear.
<body>
<div class='visually_embed'><img class='visually_embed_infographic' src='' alt='A Look at the History and Future of Predictive Analytics and Big Data' /><div class='visually_embed_cycle'></div><script type='text/javascript' src='http://a.visual.ly/api/embed/76738?width=540' class='visually_embed_script' id='visually_embed_script_76738'></script></div>
</body>

Open in new window

An here's the resulting markup after all the additional resources are added on load of the page.
<div style="width: 540px; height: 469px;" class="visually_embed"><img data-id="0" class="visually_embed_infographic" src="http://thumbnails.visually.netdna-cdn.com/a-look-at-the-history-and-future-of-predictive-analytics-and-big-data_51c4d7c1d203f_w540.jpg" alt="A Look at the History and Future of Predictive Analytics and Big Data"><div style="position: absolute; top: 469px; width: 540px;" class="visually_embed_cycle"></div><script type="text/javascript" src="http://a.visual.ly/api/embed/76738?width=540" class="visually_embed_script" id="visually_embed_script_76738"></script><div style="display: none;" class="social"><div class="facebook align"><span st_processed="yes" class="st_facebook_large"><span class="share-on-button-text">Share on </span><span class="stButton" style="text-decoration:none;color:#000000;display:inline-block;cursor:pointer;"><span style="background-image: url(&quot;http://w.sharethis.com/images/facebook_32.png&quot;);" class="stLarge"></span></span></span></div><div class="twitter align"><span st_processed="yes" class="st_twitter_large" st_via="visually"><span class="share-on-button-text">Share on </span><span class="stButton" style="text-decoration:none;color:#000000;display:inline-block;cursor:pointer;"><span style="background-image: url(&quot;http://w.sharethis.com/images/twitter_32.png&quot;);" class="stLarge"></span></span></span></div><div class="repost align"><span st_processed="yes" class="st_repost_large"><span class="stButton embeded-code"><span class="share-on-button-text">Embed</span><span class="stLarge"></span></span></span></div></div><div style="display: none;" class="visually_embed_logo"><a href="http://visual.ly/look-history-and-future-predictive-analytics-and-big-data" target="blank"><img src="http://a.visual.ly/media/embed/vis_logo.png"></a></div><div style="width: 540px; height: 469px;" class="visually_embed_overlay" data-id="0"></div><div style="display: none;" class="visually_embed_grab_code">
            <div id="embed-code-dialog" class="color-lightbox" style="">
                <div class="switch " data-action="Normal">
                    <span class="switch-text">Embed the above image on your site</span>
                </div>
                <div class="switch-line"></div>
                <div class="embed-code-size-edit-wrap" style="display:none">
                    <span>Customize size</span>
                    <input class="embed-size width" value="540" data-original="1" type="text">
                    <span class="icon-x"> </span>
                    <input class="embed-size height" data-original="1" value="540" type="text">
                </div><div class="clear"></div>
                <textarea id="ig-embed-code" readonly="" data-type="non-wordpress" class="embed-textarea" style="height: 34px; line-height: 28px; overflow: hidden; background-color: rgb(40, 181, 234);">&lt;div class="visually_embed" &gt;&lt;img class="visually_embed_infographic" src="" alt="A Look at the History and Future of Predictive Analytics and Big Data"&gt;&lt;div class="visually_embed_cycle"&gt;&lt;/div&gt;&lt;script type="text/javascript" src="http://a.visual.ly/api/embed/76738?width=540" class="visually_embed_script" id="visually_embed_script_76738"&gt;&lt;/script&gt;&lt;/div&gt;
                </textarea>
                <div class="embed-dialog-title">
                    <span class="copy-icon"></span><span class="text" data-active="Copied" data-inactive="Click to copy">Click to copy</span>
                </div>
            </div>
        </div></div>


<div class="visually_lightbox_overlay"></div><div class="visually_lightbox" data-id="0"><img src="http://thumbnails.visually.netdna-cdn.com/a-look-at-the-history-and-future-of-predictive-analytics-and-big-data_51c4d7c1d203f.jpg" border="0"><img src="http://visual.ly/misc/colorbox/images/close.png" class="visually_embed_lightbox_close"></div><iframe style="width: 1px !important; height: 1px !important; position: absolute; left: -1000px !important;" src="http://visual.ly/track.php?q=http%3A%2F%2Flocalhost%2FTestStuff%2Fteststuff_53.html&amp;slug=look-history-and-future-predictive-analytics-and-big-data" height="1" width="1"></iframe><iframe style="display:none;" scrolling="no" src="http://seg.sharethis.com/getSegment.php?purl=http%3A%2F%2Flocalhost%2FTestStuff%2Fteststuff_53.html&amp;jsref=&amp;rnd=1428063265095" name="stSegmentFrame" id="stSegmentFrame" frameborder="0" height="0px" width="0px"></iframe><div style="display: none;" class="stwrapper stwrapper4x" id="stwrapper"><iframe src="http://edge.sharethis.com/share4x/index.ea42c64682787c5fb877b505d6fe4857.html" scrolling="no" name="stLframe" class="stLframe" id="stLframe" allowtransparency="true" frameborder="0"></iframe></div><div onclick="javascript:stWidget.closeWidget();" id="stOverlay"></div>

Open in new window

It's mind blowing. What they take is so out of proportion to what they give. All that for use of one image!
0
Tom BeckCommented:
I can simply copy/paste it?
Well not legally. It's no doubt a copyrighted image.Copyright
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Bright01Author Commented:
Thanks for the quick response Tom.  Got it.

B.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Microsoft PowerPoint

From novice to tech pro — start learning today.