Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'></script>
- <style type='text/css'>
- .caption-text { clear:both;color:#666;font-size:90%;text-align:center;margin:0 0 6px;padding:3px 0 0; }
- </style>
- <script type='text/javascript'>
- //<![CDATA[
- // Add captions to images from title tag
- // by MS-potilas 2012. See http://yabtb.blogspot.com/
- function addCaption(img) {
- var ele=$(img);
- if(ele.parent().is(".caption-wrap")) return;
- var title=ele.attr('title');
- if(typeof title === "undefined" || title=="") return;
- if(ele.parent().is("a")) ele=ele.parent();
- var align=ele.attr("align");
- if(!align) align=ele.css("float");
- if(align=="") align="none";
- var container=ele.wrap('<div style="display:inline-block" class="caption-wrap '+align+'" />').parent();
- container.css("float", align);
- container.css("width", ele.outerWidth()+"px");
- container.css("margin-left", ele.css("margin-left"));
- container.css("margin-right", ele.css("margin-right"));
- container.css("margin-bottom", ele.css("margin-bottom"));
- ele.css("margin-left", "0px");
- ele.css("margin-right", "0px");
- ele.css("margin-bottom", "0px");
- var text=container.append('<p class="caption-text">'+title+'</p>').find(".caption-text");
- text.css("width", ele.outerWidth()+"px");
- }
- // add captions on window.load to img's with class "caption"
- $(window).load(function() {
- $("img.caption").each(function() {
- addCaption(this);
- });
- });
- //]]>
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement