BLOCKスライドショーは、IMG要素の画像ではなく、DIV要素などのBLOCK要素をスライドさせます。
BLOCK要素の中は、HTMLで文章やリンクや画像などを入れる事ができます。
また、IFRAME要素をスライドさせるタイプでは、複数のページをスライドショー表示できます。
タブをクリックでDIV要素のBLOCKをアニメーションで切り替えます。
BLOCKの中には文章やリンクや画像などを入れる事ができます。
画像でもBLOCKコンテンツ( 文章やリンクや写真などを入れた四角い領域で編集可 )でも使えるマルチ型です。
なお、題名に「レスポンシブ」があるサンプルは、レスポンシブデザインに対応しています。
参考:Windows11の新メモ帳が使いづらくて困っている方へ
新メモ帳を旧メモ帳に交換する方法は、単純にメモ帳をアンインストールすれば、自動的に旧メモ帳が復活します(元に戻すには、マイクロソフト・ストアからメモ帳をインストールしてください)。
新メモ帳をアンインストールすると、スタートやタクスバーのメモ帳のアイコンも消えてしまいますが、エクスプローラでパソコン内のテキストファイルをクリックすると旧メモ帳が開きます。
その状態ではタクスバーに旧メモ帳のアイコンが表示されているので、そのアイコンを右クリックして「タクスバーにピン留め」してください。
またエクスプローラで、PC>Windows(C:)>Windows>System32ホルダー内にnotepadまたはnotepad.exeがあるので(Windowsの検索でnotepad.exeを検索し「ファイルの場所を開く」でも可)、右クリックから「スタートにピン留め」する事もできます。
題名の記号について
[オープン] | 無料で使用でき、全ソースを公開している。 |
[無料] | 無料で使用でき、当サイト内のライブラリーを流用する。 |
[F] | 写真のサイズに制限なし。 |
[S] | 同じサイズの写真を使う。 |
[大小] | 大小の写真を使う。 |
[0~] | 0.jpgからの連番写真を使用。 |
[連番] | 連番写真を使用。最初と最後の番号を指定。 |
[不連番] | 0.jpgから99.jpgまでの間の不連続番号の写真を使用。 |
[BLOCK] | IMG要素ではなくBLOCK要素をスライド。 |
[マルチ] | IMG要素もBLOCK要素も使える。 |
[複] | 1つのページに複数配置できる。 |
[バナー] | 写真もバナーも使える。 |
[レスポンシブ] | レスポンシブデザインに対応。 |
[アクティブ] | 非アクティブにすると停止する。 |
単体のスライドショーとして使う時は
下記にサンプルソースを書き換えたものを貼り付けて保存すれば、単体のスライドショーになります。
文字コード「UTF-8」の場合です。他のコードを使う時は変更してください。
最新更新情報