jquery - Adding Social Share buttons to Fancybox which uses the button helper -
jquery - Adding Social Share buttons to Fancybox which uses the button helper -
i'm trying integrate social sharing buttons onto fancybox image popups. there jsfiddle fancybox has created demonstrate how done...but i'm using "helper" > jquery.fancybox-buttons.js
(see here). how combine both these custom solutions when fancybox image pops has social sharing buttons underneath (just in jsfiddle & has button helpers?
here's illustration of page's html fancybox gallery:
<div id="painting" class="content-pages"> <p> <a class="fancybox-buttons" href="painting/2011_b.jpg" data-fancybox-group="paintings" title="sed vel sapien vel sem uno"><img src="painting/2011_s.jpg" alt="" /></a> <a class="fancybox-buttons" href="painting/beginnings-3_b.jpg" data-fancybox-group="paintings" title="tegan whitesel - beginnings iii"><img src="painting/beginnings-3_s.jpg" alt="" /></a> <a class="fancybox-buttons" href="painting/t-beginnings-i_b.jpg" data-fancybox-group="paintings" title="tegan whitesel - beginnings "><img src="painting/t-beginnings-i_s.jpg" alt="" /></a> <a class="fancybox-buttons" href="painting/t-beginnings-ii_b.jpg" data-fancybox-group="paintings" title="tegan whitesel - beginnings ii"><img src="painting/t-beginnings-ii_s.jpg" alt="" /></a> </p> </div>
first, need load js , css button's helper files (located on helpers subdirectory of download.)
second, add together buttons helper alternative custom script. may want disable default close
, arrows
buttons utilize buttons helper only.
so code have add together should :
// other options helpers: { title: { type: 'inside' }, //<-- add together comma separate next alternative buttons: {} //<-- add together buttons }, closebtn: false, // disable default close arrows: false // disable default arrows
see same modified jsfiddle.
jquery fancybox fancybox-2
Comments
Post a Comment