ギャラリーとそれらに関連するすべてに関するリンクの大規模な選択

Pro CSS3 Animationの著者であるDudley Storeyは、 demosthenes.infoから、サイトのギャラリーとそれらに関連するすべてについての彼の記事のセレクションを発表しました。 ソリューションは、英語の記事のテキストであるHTML、CSS、およびPHPをさまざまな組み合わせで使用します。 各記事の冒頭には、著者が語る効果のデモンストレーションがあります。



キャプション



フィルターと変換を使用したアニメーションキャプション:







オンホバーギャラリー



サムネイルをホバー/タップして拡大する大きな画像の画像ギャラリー。 実際、最も単純なタイプのギャラリー。







クリックギャラリー



サムネイルをクリックすると表示される大きな画像を含む画像ギャラリー。







Flexboxギャラリー



Flexbox要素を使用するギャラリー







ライトボックス



画像付きのギャラリー。フルサイズで表示するとページの機能が制限されます。







スライダーとカルーセル







3Dギャラリーとエフェクト







コンテンツフィルター



ユーザーフレンドリーな画像フィルタリングとソート







画像修正



作業のソースと結果を示すために、単純な「前後」オプションを作成する手法。







グリッドシステム



グリッド画像表示ソリューション







画像のランダム化



ページが読み込まれるたびにランダムに表示される画像。







Ken Burnsエフェクトを使用する



拡大および縮小されたフルサイズの画像は停止して消えます。







一貫した外観



画像の外観を次々と整理するためのソリューション







署名生成



JavaScriptとPHPを使用して画像キャプションを自動的に生成します。







Habré読者向けの便利なPaystoソリューション:
今すぐクレジットカードで支払いを受けましょう。 サイト、IPおよびLLCなし。

オンライン企業からの支払いを受け入れます。 サイト、IPおよびLLCなし。

サイトの会社からの支払いを受け入れます。 ドキュメント管理とオリジナルの交換。

法人との販売およびサービス取引の自動化。 計算の仲介なし。






All Articles