 in /home/.sites/609/site1266/web/blackbams-blog/wp-content/themes/SilentWoodsByBlackbam/header.php on line 84
http://blog.blackbam.at/wp-content/themes/SilentWoodsByBlackbam/images/logo.jpg)
Blackbams Blog
development – digital arts – internet
Knowledge is free. No one may take possession of it.
Recently a client wanted to display social media buttons like facebook, twitter and google plus at the bottom of each image in jQuery Colorbox. As it is bad practice to change the source code of a Plugin, the following code worked well for this job.
Note: This client wanted the full URL to be liked, not the image itself - if you want to do so, you should like/recommend the attachemnt URL of the colorbox images, not the URL of the page. I will leave this up to you, to change the code in this way.
jQuery(document).ready(function() {
var facebook = ''+facebook+twitter+google+'');
});
';
var twitter = ' ';
var google = ' ';
jQuery("#cboxContent").append('
#cboxSocials {
margin-top:-43px;
}
.cb_social_elem {
float:left;
margin-right:20px;
width:120px;
}
Social Buttons Developer Links
Dieser Eintrag wurde am 2. July 2013 um 15:15 in der Kategorie jQuery veröffentlicht. You can book the comments for this article RSS 2.0. Feedback, discussion, commendation and critics are welcome: Write a comment or trackback.
Tags: Colorbox, jQuery, Social Media
Warning: Use of undefined constant Ext_related_links - assumed 'Ext_related_links' (this will throw an Error in a future version of PHP) in /home/.sites/609/site1266/web/blackbams-blog/wp-content/themes/SilentWoodsByBlackbam/single.php on line 75
Already 12 comments belonging to "How to add social media buttons to jQuery Colorbox":
Kommentare abonnieren (RSS) or URL Trackback
peter ames
says:
on 09. October 2013 at 20:17 on clock
Great script! Thanks! Any idea how I'd actually make it able to like the image and not the entire page?
peter ames
says:
on 09. October 2013 at 23:17 on clock
Great script! Thanks! Any idea how I'd actually make it able to like the image and not the entire page?
peter ames
says:
on 17. November 2013 at 16:09 on clock
Great script! Thanks! Any idea how I'd actually make it able to like the image and not the entire page?
peter ames
says:
on 08. January 2014 at 20:59 on clock
Great script! Thanks! Any idea how I'd actually make it able to like the image and not the entire page?
peter ames
says:
on 10. January 2014 at 19:34 on clock
Great script! Thanks! Any idea how I'd actually make it able to like the image and not the entire page?
peter ames
says:
on 16. January 2014 at 21:45 on clock
Great script! Thanks! Any idea how I'd actually make it able to like the image and not the entire page?
peter ames
says:
on 01. April 2014 at 16:26 on clock
Great script! Thanks! Any idea how I'd actually make it able to like the image and not the entire page?
peter ames
says:
on 02. April 2014 at 19:19 on clock
Great script! Thanks! Any idea how I'd actually make it able to like the image and not the entire page?
peter ames
says:
on 25. May 2014 at 11:05 on clock
Great script! Thanks! Any idea how I'd actually make it able to like the image and not the entire page?
peter ames
says:
on 03. October 2014 at 17:04 on clock
Great script! Thanks! Any idea how I'd actually make it able to like the image and not the entire page?
peter ames
says:
on 04. October 2014 at 16:50 on clock
Great script! Thanks! Any idea how I'd actually make it able to like the image and not the entire page?
peter ames
says:
on 19. October 2014 at 20:33 on clock
Great script! Thanks! Any idea how I'd actually make it able to like the image and not the entire page?
Leave a comment: