Share Button for image

Developer
Brendan Skousen
Size
8,318 Kb
Views
26,312
  1. Share Button for image Previews
  2. Share Button for image HTML Codes
  3. Share Button for image CSS Codes
  4. Share Button for image JS Codes

How do I make an share button for image?

What is a share button for image? How do you make a share button for image? This script and codes were developed by Brendan Skousen on 09 December 2022, Friday.

Share Button for image Previews
IQ Test

Share Button for image - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Share Button for image</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <p>I altered the plugin located here: <a href="http://sharebutton.co/" target="_blank">Share Button<a/> to share just an image instead of the entire page</p>
<img src="http://www.clipartbest.com/cliparts/9cz/xbr/9czxbr9Ri.png" class="shared"> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://vozpc.com/js/share.js'></script> <script src="js/index.js"></script>
</body>
</html>

Share Button for image - Script Codes CSS Codes

body { text-align: center;
}
/* entypo */
[class*="entypo-"]:before { font-family: 'entypo', sans-serif;
}
::selection {
background: transparent;
}
li[class*="twitter"] {background:#6CDFEA;padding:12px 0;}
li[class*="gplus"] {background:#E34429;padding:12px 0;}
.share-button { margin: 10px auto;
}
div.share-button { top: 0; right: 0;
}
// Base height and width of the button
.share-button.sharer-0 { -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; height: 20px; width: 92px;
}
// Icon font for leading share icon
.share-button.sharer-0 [class*=entypo-]:before { font-family: entypo,sans-serif;
}
// Main button, icon, and text styles
.share-button.sharer-0 label { -webkit-transition: all .3s ease; transition: all .3s ease; background: #a29baa; border-radius: 5px; color: #333; cursor: pointer; font-size: 16px; margin: 0; padding: 5px 10px;
}
// Main button, icon, and text styles upon hover
.share-button.sharer-0 label:hover { opacity: .8;
}
// Main text styles ("Share")
.share-button.sharer-0 label span { -webkit-font-smoothing: antialiased; font-family: Lato,sans-serif; font-size: .9em; font-weight: 700; padding-left: 6px; text-transform: uppercase;
}
// div containing all social icons
.share-button.sharer-0 .social { -webkit-transition: all .4s ease; transition: all .4s ease; margin-left: -15px; opacity: 0;
}
// Transform origins for top-anchored networks
.share-button.sharer-0 .social.top { -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; margin-top: -80px;
}
// Transform origins for bottom-anchored networks
.share-button.sharer-0 .social.bottom { -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; margin-top: 5px;
}
// Transform origins for middle-anchored networks
.share-button.sharer-0 .social.middle { margin-top: -34px;
}
// Transform origins for middle-right-anchored networks
.share-button.sharer-0 .social.middle.right { -ms-transform-origin: 5% 50%; -webkit-transform-origin: 5% 50%; transform-origin: 5% 50%; margin-left: 105px;
}
// Transform origins for middle-left-anchored networks
.share-button.sharer-0 .social.middle.left { -ms-transform-origin: 5% 50%; -webkit-transform-origin: 5% 50%; transform-origin: 5% 50%;
}
// Global left margin for right-anchored networks
.share-button.sharer-0 .social.right { margin-left: 14px;
}
// Hides initial animation upon page load
.share-button.sharer-0 .social.load { -webkit-transition: none!important; transition: none!important;
}
// Positioning based on the number of enabled networks
.share-button.sharer-0 .social.networks-1 { width: 60px;
}
.share-button.sharer-0 .social.networks-1.center,.share-button.sharer-0 .social.networks-1.left { margin-left: 14px;
}
.share-button.sharer-0 .social.networks-1.middle.left { margin-left: -70px;
}
.share-button.sharer-0 .social.networks-1 ul { width: 60px;
}
.share-button.sharer-0 .social.networks-2 { width: 120px;
}
.share-button.sharer-0 .social.networks-2.center { margin-left: -13px;
}
.share-button.sharer-0 .social.networks-2.left { margin-left: -44px;
}
.share-button.sharer-0 .social.networks-2.middle.left { margin-left: -130px;
}
.share-button.sharer-0 .social.networks-2 ul { width: 120px;
}
.share-button.sharer-0 .social.networks-3 { width: 180px;
}
.share-button.sharer-0 .social.networks-3.center { margin-left: -45px;
}
.share-button.sharer-0 .social.networks-3.left { margin-left: -102px;
}
.share-button.sharer-0 .social.networks-3.middle.left { margin-left: -190px;
}
.share-button.sharer-0 .social.networks-3 ul { width: 180px;
}
.share-button.sharer-0 .social.networks-4 { width: 240px;
}
.share-button.sharer-0 .social.networks-4.center { margin-left: -75px;
}
.share-button.sharer-0 .social.networks-4.left { margin-left: 162px;
}
.share-button.sharer-0 .social.networks-4.middle.left { margin-left: -250px;
}
.share-button.sharer-0 .social.networks-4 ul { width: 240px;
}
.share-button.sharer-0 .social.networks-5 { width: 300px;
}
.share-button.sharer-0 .social.networks-5.center { margin-left: -105px;
}
.share-button.sharer-0 .social.networks-5.left { margin-left: -225px;
}
.share-button.sharer-0 .social.networks-5.middle.left { margin-left: -320px;
}
.share-button.sharer-0 .social.networks-5 ul { width: 300px;
}
// Transition for when the button has been activated
.share-button.sharer-0 .social.active { transition: all .4s ease; -webkit-transition: all .4s ease; opacity: 1;
}
// top-positioned transition
.share-button.sharer-0 .social.active.top { -ms-transform: scale(1) translateY(-10px); -webkit-transform: scale(1) translateY(-10px); transform: scale(1) translateY(-10px);
}
// bottom-positioned transition
.share-button.sharer-0 .social.active.bottom { -ms-transform: scale(1) translateY(15px); -webkit-transform: scale(1) translateY(15px); transform: scale(1) translateY(15px);
}
// middle-right-positioned transition
.share-button.sharer-0 .social.active.middle.right { -ms-transform: scale(1) translateX(10px); -webkit-transform: scale(1) translateX(10px); transform: scale(1) translateX(10px);
}
// middle-left-positioned transition
.share-button.sharer-0 .social.active.middle.left { -ms-transform: scale(1) translateX(-10px); -webkit-transform: scale(1) translateX(-10px); transform: scale(1) translateX(-10px);
}
// ul containing each individual network
.share-button.sharer-0 .social ul { color: #fff; height: 46px; left: 0; list-style: none; margin: auto; padding: 0; position: relative; right: 0;
}
// network containers
.share-button.sharer-0 .social ul li { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer; display: none; float: left; font-size: 20px; height: 22px; margin: 0; padding: 12px 0; position: relative; text-align: center; width: 60px; z-index: 2;
}
// changes icon color upon hover
.share-button.sharer-0 .social ul li:hover { color: rgba(0,0,0,.5);
}
// Background color for Facebook
.share-button.sharer-0 .social li[class*=facebook] { background: #3b5998; display: block; // for enabling/disabling networks
}
// Background color for Twitter
.share-button.sharer-0 .social li[class*=twitter] { background: #6cdfea; display: block; // for enabling/disabling networks
}
// Background color for Google Plus
.share-button.sharer-0 .social li[class*=gplus] { background: #e34429; display: block; // for enabling/disabling networks
}
// Background color for Pinterest
.share-button.sharer-0 .social li[class*=pinterest] { background: #c5282f; display: block; // for enabling/disabling networks
}
// Background color for email
.share-button.sharer-0 .social li[class*=paper-plane] { background: #42c5b0; display: block; // for enabling/disabling networks
}

Share Button for image - Script Codes JS Codes

! function(e) { if ("object" == typeof exports) module.exports = e(); else if ("function" == typeof define && define.amd) define(e); else { var f; "undefined" != typeof window ? f = window : "undefined" != typeof global ? f = global : "undefined" != typeof self && (f = self), f.Share = e() }
}(function() { var define, module, exports; function getStyles(config) { return "" + config.selector + "{width:92px;height:20px;-webkit-touch-callout:none;-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}" + config.selector + " [class*=entypo-]:before{font-family:entypo,sans-serif}" + config.selector + " label{font-size:16px;cursor:pointer;margin:0;padding:5px 10px;border-radius:5px;background:#0080BA;color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease}" + config.selector + " label:hover{opacity:.8}" + config.selector + " label span{font-size:.9em;font-family:Lato,sans-serif;font-weight:700;-webkit-font-smoothing:antialiased;padding-left:6px}" + config.selector + " .social{opacity:0;-webkit-transition:all .4s ease;transition:all .4s ease;margin-left:-15px;visibility:hidden}" + config.selector + " .social.top{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;margin-top:-80px}" + config.selector + " .social.bottom{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;margin-top:5px}" + config.selector + " .social.middle{margin-top:-34px}" + config.selector + " .social.middle.right{-webkit-transform-origin:5% 50%;-ms-transform-origin:5% 50%;transform-origin:5% 50%;margin-left:105px}" + config.selector + " .social.middle.left{-webkit-transform-origin:5% 50%;-ms-transform-origin:5% 50%;transform-origin:5% 50%}" + config.selector + " .social.right{margin-left:14px}" + config.selector + " .social.load{-webkit-transition:none!important;transition:none!important}" + config.selector + " .social.networks-1{width:60px}" + config.selector + " .social.networks-1.center," + config.selector + " .social.networks-1.left{margin-left:14px}" + config.selector + " .social.networks-1.middle.left{margin-left:-70px}" + config.selector + " .social.networks-1 ul{width:60px}" + config.selector + " .social.networks-2{width:120px}" + config.selector + " .social.networks-2.center{margin-left:-13px}" + config.selector + " .social.networks-2.left{margin-left:-44px}" + config.selector + " .social.networks-2.middle.left{margin-left:-130px}" + config.selector + " .social.networks-2 ul{width:120px}" + config.selector + " .social.networks-3{width:180px}" + config.selector + " .social.networks-3.center{margin-left:-45px}" + config.selector + " .social.networks-3.left{margin-left:-102px}" + config.selector + " .social.networks-3.middle.left{margin-left:-190px}" + config.selector + " .social.networks-3 ul{width:180px}" + config.selector + " .social.networks-4{width:240px}" + config.selector + " .social.networks-4.center{margin-left:-75px}" + config.selector + " .social.networks-4.left{margin-left:162px}" + config.selector + " .social.networks-4.middle.left{margin-left:-250px}" + config.selector + " .social.networks-4 ul{width:240px}" + config.selector + " .social.networks-5{width:300px}" + config.selector + " .social.networks-5.center{margin-left:-105px}" + config.selector + " .social.networks-5.left{margin-left:-225px}" + config.selector + " .social.networks-5.middle.left{margin-left:-320px}" + config.selector + " .social.networks-5 ul{width:300px}" + config.selector + " .social.active{opacity:1;-webkit-transition:all .4s ease;transition:all .4s ease;visibility:visible}" + config.selector + " .social.active.top{-webkit-transform:scale(1) translateY(-10px);-ms-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px)}" + config.selector + " .social.active.bottom{-webkit-transform:scale(1) translateY(15px);-ms-transform:scale(1) translateY(15px);transform:scale(1) translateY(15px)}" + config.selector + " .social.active.middle.right{-webkit-transform:scale(1) translateX(10px);-ms-transform:scale(1) translateX(10px);transform:scale(1) translateX(10px)}" + config.selector + " .social.active.middle.left{-webkit-transform:scale(1) translateX(-10px);-ms-transform:scale(1) translateX(-10px);transform:scale(1) translateX(-10px)}" + config.selector + " .social ul{position:relative;left:0;right:0;height:46px;color:#fff;margin:auto;padding:0;list-style:none}" + config.selector + " .social ul li{font-size:20px;cursor:pointer;width:60px;margin:0;padding:12px 0;text-align:center;float:left;display:none;height:22px;position:relative;z-index:2;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-transition:all .3s ease;transition:all .3s ease}" + config.selector + " .social ul li:hover{color:rgba(0,0,0,.5)}" + config.selector + " .social li[class*=facebook]{background:#3b5998;display:" + config.networks.facebook.display + "}" + config.selector + " .social li[class*=twitter]{background:#6cdfea;display:" + config.networks.twitter.display + "}" + config.selector + " .social li[class*=gplus]{background:#e34429;display:" + config.networks.google_plus.display + "}" + config.selector + " .social li[class*=pinterest]{background:#c5282f;display:" + config.networks.pinterest.display + "}" + config.selector + " .social li[class*=paper-plane]{background:#42c5b0;display:" + config.networks.email.display + "}" }; var ShareUtils; if ((!("classList" in document.documentElement)) && Object.defineProperty && typeof HTMLElement !== "undefined") { Object.defineProperty(HTMLElement.prototype, "classList", { get: function() { var ret, self, update; update = function(fn) { return function(value) { var classes, index; classes = self.className.split(/\s+/); index = classes.indexOf(value); fn(classes, index, value); self.className = classes.join(" "); }; }; self = this; ret = { add: update(function(classes, index, value) { ~index || classes.push(value); }), remove: update(function(classes, index) { ~index && classes.splice(index, 1); }), toggle: update(function(classes, index, value) { if (~index) { classes.splice(index, 1); } else { classes.push(value); } }), contains: function(value) { return !!~self.className.split(/\s+/).indexOf(value); }, item: function(i) { return self.className.split(/\s+/)[i] || null; } }; Object.defineProperty(ret, "length", { get: function() { return self.className.split(/\s+/).length; } }); return ret; } }); } ShareUtils = (function() { function ShareUtils() {} ShareUtils.prototype.extend = function(to, from, overwrite) { var hasProp, prop; for (prop in from) { hasProp = to[prop] !== undefined; if (hasProp && typeof from[prop] === "object") { this.extend(to[prop], from[prop], overwrite); } else { if (overwrite || !hasProp) { to[prop] = from[prop]; } } } }; ShareUtils.prototype.hide = function(el) { return el.style.display = "none"; }; ShareUtils.prototype.show = function(el) { return el.style.display = "block"; }; ShareUtils.prototype.has_class = function(el, class_name) { return el.classList.contains(class_name); }; ShareUtils.prototype.add_class = function(el, class_name) { return el.classList.add(class_name); }; ShareUtils.prototype.remove_class = function(el, class_name) { return el.classList.remove(class_name); }; ShareUtils.prototype.is_encoded = function(str) { return decodeURIComponent(str) !== str; }; ShareUtils.prototype.encode = function(str) { if (this.is_encoded(str)) { return str; } else { return encodeURIComponent(str); } }; ShareUtils.prototype.popup = function(url, params) { var k, popup, qs, v; if (params == null) { params = {}; } popup = { width: 500, height: 350 }; popup.top = (screen.height / 2) - (popup.height / 2); popup.left = (screen.width / 2) - (popup.width / 2); qs = ((function() { var _results; _results = []; for (k in params) { v = params[k]; _results.push("" + k + "=" + (this.encode(v))); } return _results; }).call(this)).join('&'); if (qs) { qs = "?" + qs; } return window.open(url + qs, 'targetWindow', "toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,left=" + popup.left + ",top=" + popup.top + ",width=" + popup.width + ",height=" + popup.height); }; return ShareUtils; })(); var Share, __hasProp = {}.hasOwnProperty, __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; }; Share = (function(_super) { __extends(Share, _super); function Share(element, options) { var content; this.element = element; this.el = { head: document.getElementsByTagName('head')[0], body: document.getElementsByTagName('body')[0] }; this.config = { enabled_networks: 0, protocol: ['http', 'https'].indexOf(window.location.href.split(':')[0]) === -1 ? 'https://' : '//', url: $("img.shared").prop("src"), caption: null, title: (content = document.querySelector('meta[property="og:title"]') || document.querySelector('meta[name="twitter:title"]')) ? content.getAttribute('content') : (content = document.querySelector('title')) ? content.innerText : void 0, image: (content = document.querySelector('meta[property="og:image"]') || document.querySelector('meta[name="twitter:image"]')) ? content.getAttribute('content') : void 0, description: (content = document.querySelector('meta[property="og:description"]') || document.querySelector('meta[name="twitter:description"]') || document.querySelector('meta[name="description"]')) ? content.getAttribute('content') : '', ui: { flyout: 'top center', button_text: 'Share', button_font: true, icon_font: true }, networks: { google_plus: { enabled: true, url: null }, twitter: { enabled: true, url: $(this).prop("src"), description: null }, facebook: { enabled: true, load_sdk: true, url: null, app_id: null, title: null, caption: null, description: null }, pinterest: { enabled: false, url: null, image: null, description: null }, email: { enabled: false, title: null, description: null } } }; this.setup(element, options); return this; } Share.prototype.setup = function(element, opts) { var index, instance, instances, _i, _len; instances = document.querySelectorAll(element); this.extend(this.config, opts, true); this.set_global_configuration(); this.normalize_network_configuration(); if (this.config.ui.icon_font) { this.inject_icons(); } if (this.config.ui.button_font) { this.inject_fonts(); } if (this.config.networks.facebook.enabled && this.config.networks.facebook.load_sdk) { this.inject_facebook_sdk(); } for (index = _i = 0, _len = instances.length; _i < _len; index = ++_i) { instance = instances[index]; this.setup_instance(element, index); } }; Share.prototype.setup_instance = function(element, index) { var button, instance, label, network, networks, _i, _len, _results, _this = this; instance = document.querySelectorAll(element)[index]; this.hide(instance); this.add_class(instance, "sharer-" + index); instance = document.querySelectorAll(element)[index]; this.inject_css(instance); this.inject_html(instance); this.show(instance); label = instance.getElementsByTagName("label")[0]; button = instance.getElementsByClassName("social")[0]; networks = instance.getElementsByTagName('li'); this.add_class(button, "networks-" + this.config.enabled_networks); label.addEventListener("click", function() { return _this.event_toggle(button); }); _this = this; _results = []; for (index = _i = 0, _len = networks.length; _i < _len; index = ++_i) { network = networks[index]; _results.push(network.addEventListener("click", function() { _this.event_network(instance, this); return _this.event_close(button); })); } return _results; }; Share.prototype.event_toggle = function(button) { if (this.has_class(button, "active")) { return this.event_close(button); } else { return this.event_open(button); } }; Share.prototype.event_open = function(button) { if (this.has_class(button, "load")) { this.remove_class(button, "load"); } return this.add_class(button, "active"); }; Share.prototype.event_close = function(button) { return this.remove_class(button, "active"); }; Share.prototype.event_network = function(instance, network) { var name; name = network.getAttribute("data-network"); this.hook("before", name, instance); this["network_" + name](); return this.hook("after", name, instance); }; Share.prototype.open = function() { return this["public"]("open"); }; Share.prototype.close = function() { return this["public"]("close"); }; Share.prototype.toggle = function() { return this["public"]("toggle"); }; Share.prototype["public"] = function(action) { var button, index, instance, _i, _len, _ref, _results; _ref = document.querySelectorAll(this.element); _results = []; for (index = _i = 0, _len = _ref.length; _i < _len; index = ++_i) { instance = _ref[index]; button = instance.getElementsByClassName("social")[0]; _results.push(this["event_" + action](button)); } return _results; }; Share.prototype.network_facebook = function() { if (this.config.networks.facebook.load_sdk) { if (!window.FB) { return console.error("The Facebook JS SDK hasn't loaded yet."); } return FB.ui({ method: 'feed', name: this.config.networks.facebook.title, link: this.config.networks.facebook.url, picture: this.config.networks.facebook.image, caption: this.config.networks.facebook.caption, description: this.config.networks.facebook.description }); } else { return this.popup('//www.facebook.com/sharer/sharer.php', { u: this.config.networks.facebook.url }); } }; Share.prototype.network_twitter = function() { return this.popup('//twitter.com/share', { text: this.config.networks.twitter.description, url: this.config.networks.twitter.url }); }; Share.prototype.network_google_plus = function() { return this.popup('https://plus.google.com/share', { url: this.config.networks.google_plus.url }); }; Share.prototype.network_pinterest = function() { return this.popup('https://www.pinterest.com/pin/create/button', { url: this.config.networks.pinterest.url, media: this.config.networks.pinterest.image, description: this.config.networks.pinterest.description }); }; Share.prototype.network_email = function() { return this.popup('mailto:', { subject: this.config.networks.email.title, body: this.config.networks.email.description }); }; Share.prototype.inject_icons = function() { return this.inject_stylesheet("https://www.sharebutton.co/fonts/v2/entypo.min.css"); }; Share.prototype.inject_fonts = function() { return this.inject_stylesheet("https://fonts.googleapis.com/css?family=Lato:900&text=" + this.config.ui.button_text); }; Share.prototype.inject_stylesheet = function(url) { var link; if (!this.el.head.querySelector("link[href=\"" + url + "\"]")) { link = document.createElement("link"); link.setAttribute("rel", "stylesheet"); link.setAttribute("href", url); return this.el.head.appendChild(link); } }; Share.prototype.inject_css = function(instance) { var css, meta, selector, style; selector = "." + (instance.getAttribute('class').split(" ").join(".")); if (!this.el.head.querySelector("meta[name='sharer" + selector + "']")) { this.config.selector = selector; css = getStyles(this.config); style = document.createElement("style"); style.type = "text/css"; if (style.styleSheet) { style.styleSheet.cssText = css; } else { style.appendChild(document.createTextNode(css)); } this.el.head.appendChild(style); delete this.config.selector; meta = document.createElement("meta"); meta.setAttribute("name", "sharer" + selector); return this.el.head.appendChild(meta); } }; Share.prototype.inject_html = function(instance) { return instance.innerHTML = "<label class='entypo-export'><span>" + this.config.ui.button_text + "</span></label><div class='social load " + this.config.ui.flyout + "'><ul><li class='entypo-pinterest' data-network='pinterest'></li><li class='entypo-twitter' data-network='twitter'></li><li class='entypo-facebook' data-network='facebook'></li><li class='entypo-gplus' data-network='google_plus'></li><li class='entypo-paper-plane' data-network='email'></li></ul></div>"; }; Share.prototype.inject_facebook_sdk = function() { var fb_root, script; if (!window.FB && this.config.networks.facebook.app_id && !this.el.body.querySelector('#fb-root')) { script = document.createElement("script"); script.text = "window.fbAsyncInit=function(){FB.init({appId:'" + this.config.networks.facebook.app_id + "',status:true,xfbml:true})};(function(e,t,n){var r,i=e.getElementsByTagName(t)[0];if(e.getElementById(n)){return}r=e.createElement(t);r.id=n;r.src='" + this.config.protocol + "connect.facebook.net/en_US/all.js';i.parentNode.insertBefore(r,i)})(document,'script','facebook-jssdk')"; fb_root = document.createElement("div"); fb_root.id = "fb-root"; this.el.body.appendChild(fb_root); return this.el.body.appendChild(script); } }; Share.prototype.hook = function(type, network, instance) { var fn, opts; fn = this.config.networks[network][type]; if (typeof fn === "function") { opts = fn.call(this.config.networks[network], instance); if (opts !== void 0) { opts = this.normalize_filter_config_updates(opts); this.extend(this.config.networks[network], opts, true); this.normalize_network_configuration(); } } }; Share.prototype.set_global_configuration = function() { var display, network, option, options, _ref, _results; _ref = this.config.networks; _results = []; for (network in _ref) { options = _ref[network]; for (option in options) { if (this.config.networks[network][option] == null) { this.config.networks[network][option] = this.config[option]; } } if (this.config.networks[network].enabled) { display = 'block'; this.config.enabled_networks += 1; } else { display = 'none'; } _results.push(this.config.networks[network].display = display); } return _results; }; Share.prototype.normalize_network_configuration = function() { if (!this.config.networks.facebook.app_id) { this.config.networks.facebook.load_sdk = false; } if (!this.is_encoded(this.config.networks.twitter.description)) { this.config.networks.twitter.description = encodeURIComponent(this.config.networks.twitter.description); } if (typeof this.config.networks.facebook.app_id === 'integer') { return this.config.networks.facebook.app_id = this.config.networks.facebook.app_id.toString(); } }; Share.prototype.normalize_filter_config_updates = function(opts) { if (this.config.networks.facebook.app_id !== opts.app_id) { console.warn("You are unable to change the Facebook app_id after the button has been initialized. Please update your Facebook filters accordingly."); delete opts.app_id; } if (this.config.networks.facebook.load_sdk !== opts.load_sdk) { console.warn("You are unable to change the Facebook load_sdk option after the button has been initialized. Please update your Facebook filters accordingly."); delete opts.app_id; } return opts; }; return Share; })(ShareUtils); return Share;
}); $(".shared").after('<div class="share-button"></div>'); new Share(".share-button", {});
Share Button for image - Script Codes
Share Button for image - Script Codes
Home Page Home
Developer Brendan Skousen
Username bskousen
Uploaded December 09, 2022
Rating 3
Size 8,318 Kb
Views 26,312
Do you need developer help for Share Button for image?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Brendan Skousen (bskousen) Script Codes
Name
Playing with wow and animate
A Pen by Brendan Skousen
Google map with multiple locations
Simple jQuery Slideshow
Simple Thumbnail Gallery
Float My Goat CSS3
Ball Dropping jquery
Testimonial fade in and out
CSS transition hover with fontawesome
CSS3 Warp Shadow
Create amazing marketing copy with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!