2018年03月28日(水)
CSS3&jQueryで作る画像キャプション!オープンソース・スクリプトのベストコレクション8選!【後篇】
HTML内でのイメージキャプション使用は、Web開発者の間ではずっと前から使われていたテクニックです。通常、これにはととい二つの要素、およびいくつかの追加的なCSSスタイルを組み合わせて使用します。ありがたいことに、今では画像キャプションを構築するための、オープン・ソースの優れたプラグインとスタータースクリプトのサンプルを見つけることができます。
本記事では、HTMLイメージキャプションを作成するためのCSS3とjQueryソリューションのプチ・コレクションをご紹介します。これらのソリューションは、その方法と目的がそれぞれに大きく異なりますが、そのすべてが考慮に値するものです。場合によってはWordPressまたはJoomla!にスクリプトを実装する必要があることもありますし、スタティックなHTMLを使用できることもあるでしょう。ニーズに応じた画像キャプションのコードベースを作る出発点としてご利用ください。
前篇ではCSSを、後篇の本記事ではjQueryを扱っています。
▼前篇はこちら!
jQueryイメージキャプション
jQueryを使用する最大のメリットは、ブラウザサポートの割合が非常に高いことです。一部の開発者はスクリプトに慣れにくいため、CSS3の方が簡単です。しかし、これらのソリュー...
author:
SeleQt(セレキュト)
web制作に関する情報をまとめたキュレーションサイト。デザインやプログラミングなどの技術的な内容はもとより、Web制作の領域にとどまらない注目のサービスや話題のトピックなどIT・ガジェット系の記事も豊富に更新されています。
‹ PREV
CSS3&jQueryで作る画像キャプション!オープンソース・スクリプトのベストコレクション8選!【前篇】
NEXT ›
AIがWordPressを変える?!AIの技術を利用したWordPressプラグイン9選
関連記事
Ads
web制作に関する情報をまとめたキュレーションサイト。デザインやプログラミングなどの技術的な内容はもとより、Web制作の領域にとどまらない注目のサービスや話題のトピックなどIT・ガジェット系の記事も豊富に更新されています。SeleQt(セレキュト)の記事『CSS3&jQueryで作る画像キャプション!オープンソース・スクリプトのベストコレクション8選!【後篇】』についてまとめています。
この記事は特にjavascript・CSS3・jQuery・SEO・WordPress・HTML5について書かれており、 Webデザインのカテゴリーに分類されます。気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のSeleQt(セレキュト)で全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとSeleQt(セレキュト)の記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
Ads