asked on

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.

Tom Beck

Looks like a plain old jpeg to me.

http://thumbnails-visually.netdna-ssl.com/a-look-at-the-history-and-future-of-predictive-analytics-and-big-data_51c4d7c1d203f_w1500.jpg

Tom Beck

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.

Bright01

ASKER

So, the download button doesn't really do anything and I can simply copy/paste it?

Tom Beck

Our posts crossed. I explain what pasting the markup they give you does to your page.

Tom Beck

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!

ASKER CERTIFIED SOLUTION

Tom Beck

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Bright01

ASKER

Thanks for the quick response Tom. Got it.

B.