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?
 
Tom BeckCommented:
I can simply copy/paste it?
Well not legally. It's no doubt a copyrighted image.Copyright
0
 
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
Get your problem seen by more experts

Be seen. Boost your question’s priority for more expert views and faster solutions

 
Bright01Author Commented:
So, the download button doesn't really do anything and I can simply copy/paste it?
0
 
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
 
Bright01Author Commented:
Thanks for the quick response Tom.  Got it.

B.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.