web制作時に便利そうなjQueryプラグインを見つけたのでメモ。
ボックスからはみ出したテキストを「…」に変換してくれます。
アーカイブスのテキスト表示や、商品リストのテキスト表示を整えてくれるので、
CMS構築やECサイト制作、ホームページ作成時に重宝しそうです。
まずjQuery本体とプラグインをwebサイトに読み込みます。
<script src="lib/jquery-1.9.0.min.js"></script> <script src="source/jquery.swipebox.min.js"></script>
バインドしたいクラスを指定。
<script type="text/javascript"> $(document).ready(function() { $(".ellipsis").dotdotdot({ after: "a.read-more" }); }); </script>
オプションでパス間を縮めたりもできる様です。