「SergeLand Image Zoomer v3.0」はAmazonなどでみられるマウスオーバーで画像をズームしてくれる機能を実装できるjQueryプラグインです。 ダウンロード *黄色ボタン | 本家サンプル スクリプト <script src="jquery.min.js" type="text/javascript"></script> <script src="zoomsl-3.0.min.js" type="text/javascript"></script> <img class="img1208" src="表示画像" data-large="ズーム表示画像" title="キャプション"> <script> jQuery(function(){ $(".img1208").imagezoomsl({ // オプション zoomrange: [1, 10], // ズーム

Нас так же ищут по следующим запросам: jQuery плагин увеличения изображения, картинки, фото, скачать плагин бесплатно, jquery image zoom plugin, скрипт увеличения картинки, увеличительная лупа Cloud Zoom, jquery Лупа, javascript изображение, script free, сайт plugin, jquery zoomer, jquery photo zoom, image jquery plugin, jquery img zoom, jquery image zoom, jquery image zoom plugin free, jquery ima

「Boxer」はLightboxやモーダルウィンドウを実装できるjQueryプラグインです。画像だけでなく動画にも対応しています。 モバイル環境にも最適化されていて、#レスポンシブ 対応で、#スワイプ も設定で可能となっており、タッチフレンドリーなプラグインになっています。 サイト ダウンロード スクリプト <link href="jquery.fs.boxer.css" type="text/css" rel="stylesheet"> <script src="jquery.min.js" type="text/javascript"></script> <script src="jquery.fs.boxer.js" type="text/javascript"></script> 実装 それぞれのリンクに対してclass("boxer")を指定します。 ギャラリーとして表示したい場

FavMedia - Twitterのfavツイート画像閲覧 の開発で、userページで表示させる画像をinfinite scrollで読み込みつつ、Masonryでタイル状に整える時に読み込み途中の画像が重なって表示してなんか嫌だなぁと調べて解決した方法のメモ ここのソースコード見れば一発ですがね http://desandro.github.io/masonry/demos/infinite-scroll.html imagesloadedも使います <script src="../js/jquery-1.7.1.min.js"></script> <script src="../jquery.masonry.min.js"></script> <script src="../js/jquery.infinitescroll.min.js"></script> <script> $(f

jqueryでタイルレイアウトをしたい 最近、デジタルコンテンツ販売のサイトを運営し始めました。このとき思ったのが、「ある一定領域のなかであれば、どれだけボックス要素（サムネイルと商品名）を増やしても、自動でうまい具合に流し込みたい」ということでした。 なぜなら、通常のリストだけでは敷き詰められたボックス要素が横幅を超えると「横幅いっぱいになったから次にズレそう」といのをしてくれなくて横一列に詰めまくってレイアウトが崩れてしまうからです。 これを回避するには、何個かのボックス要素ごとにリストタグを追加しないといけません。とても面倒ですよね。そこでいくつか探していると、masonry（メーソンリー？マソンリー？）がjqueyでタイルレイアウトをやるのに簡単で設定しやすいということがわかったので、画像とテキストをセットにしてタイルレイアウトさせる方法を紹介します。 ファイルパスの指定方法は、絶

※このページを最初に表示した際、各ボックスが重なり合って見える場合があります。その場合でも、ウインドウサイズを変化させれば、正しく表示されます。 そのような表示になる原因は、おそらく「基準になるボックスのサイズ」の指定を省略しているため、その判断が上手くいかなかったのだと考えられます。 「Masonry」では、オプションを使って「基準になるボックスのサイズ」を指定することが推奨されているため、できるだけそれを記述するようにした方が良いでしょう。 その記述方法は、記事本文中で解説していますので、そちらをご参照下さい。 記事に戻る

Masonryの使い方：サイズの異なるBOXをタイル状に整列(2ページ目)大きさの異なる複数のブロックを、うまい具合に隙間無くタイル状(レンガ状)に自動整列してくれる「Masonry」の使い方を解説。横幅や高さの異なるボックスがいくつあっても、できるだけ無駄な隙間ができないように詰めて配置してくれます。当初の「jQuery Masonry」とは違ってjQueryなしで動作可能になり、CDN経由で読み込めるようにもなって手軽になりました。 ボックスを隙間なく整列してくれる「Masonry」の使い方 それでは、できるだけ無駄な空間が出ないように隙間を詰めて複数のボックスを自動配置してくれるスクリプト「Masonry」の使い方をご紹介いたします。下記のStep.1～3の通りに記述してみて下さい。 Step.0 自サイトへの設置は不要 (※設置することもできる) Step.1 HTMLに「Maso

2012年04月28日 Permalink Comments(0) TrackBack(0) マウスジェスチャー MouseGesture.ahk MouseGestureL.ahk　ジェスチャ定義の流れ さて、マウスジェスチャの定義について・・・基本的に他ブログさんを見れば載っているので書く必要もないけど・・・ このMouseGestureL.ahk（スクリプト）は、インストして起動しただけでは何の効果もない。 ジェスチャーをひとつひとつ定義し、動作設定していく必要がある。 手順は３ステップ。 １．ジェスチャ定義の追加 ２．定義に対するジェスチャの設定 マウスのボタン＋カーソル移動の組み合わせを設定 ３．定義に対する動作の設定 設定したジェスチャに対する動作（文字を送る等）を設定 具体例を以下に示していく。 まずは簡単なところで、ジェスチャに「Windowsキー＋D」を設定し、デスクトッ

WordPressの吐き出すURLは、デフォルトのhttp://example.net/?p=123といった形のものや、http://example.net/hogehoge/ のような形式の/（スラッシュ）で終了する形がよく使われています。 では、WordPressが生成するURLに.htmlの拡張子を与え、htmlファイルであるかのごとく見せかける行為に意味はあるのか。 結論からいうと、新規コンテンツの場合は意味はありません。 しかし、MovableTypeからWordPressに移行される方や、htmlで作成したサイトをWordPressへと移行させたい場合は、.htmlを与える方が良いと考えられます。 今回は、WordPressの生成するパーマリンクに拡張子をつけた方がいい状況や、付ける必要がない状況について解説いたします。 WordPressのパーマリンク設定 拡張子を付ける設定

BootstrapBootstrap  v5.3 (switch to other versions) v5 releases Latest (5.3.x) v5.2.3 v5.1.3 v5.0.2 Previous releases v4.6.x v3.4.1 v2.3.2 All versions Get Security Updates for Bootstrap 3 & 4 Build fast, responsive sites with Bootstrap Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life w

【重要】※要修正 PHP8以上の場合にエラーとなり送信できない問題 ただし、2020/05/08以前にダウンロードされた方が対象です。 2020/05/08以降にダウンロードされた方は関係ありませんので無視して下さい。 対象かどうかの確認方法はファイル内上部に「ver2.0.0」など、バージョンが記述されている場合は改修済みですので対応不要ですが、記載がない場合（最終更新日2018/07/27などとなっている場合）は修正が必要です。 バージョン（ver●●）が表示されている場合の記述例 PHPメールプログラム　フリー版 ver2.0.0 最終更新日2021/05/20 ※この場合は修正の必要はないということです。 【症状】 送信した際にPHP7.4の場合は環境によってエラーが表示される。PHP8以上の場合はエラー表示（またはページ真っ白）となり、送信が行えなくなります。 【原因】 PHPの

やりたかったこと プログラミングが得意でないデザイナー・コーダーさんにもフォーム実装ができるようになってほしくて、いくつか探しました。 おすすめのスクリプト3選 1. Microengine Microengine メールフォーム http://microengine.jp/mailform/ バリデーション（入力チェック）からキャプチャ認証、メール送信まで一通りなんでもできるフォームスクリプトです。マニュアルが整備されており、読めばすぐに使えます。 主な特長 1.無料。商用利用でも無料。広告なし。リンクバック不要！無料時はリンクバック必須、購入することでリンクバックの削除が行えるようになりました。 2.静的HTMLで作成した入力画面、確認画面、送信完了画面をそのまま使える。 3.確認画面・自動応答メール・SMTP送信・CAPTCHA機能などを搭載。 4.大文字・小文字、全角・半角、カタカ

CSSの記述量を減らし、簡単にレスポンシブサイトを実装できるBootstrap。BootstrapのコンポーネントでFormパーツも簡単に作ることができますが、PHPなどは用意されていないので実際に機能するメールフォーム（お問い合わせフォーム）にはなりません。 そこで、この記事ではBootstrap3と無料のPHPプラグインを使って実際に動作するメールフォームを作ってみます。 Botstrap3とPHPで動作するメールフォームを作る Bootstrap3でお問い合わせフォームを作る まずはBootstrapを使ってフォームを作ります。Bootstrapの使い方やフォームに関しては以下のページを参考にしてみて下さい。 Bootstrap公式ドキュメント 初心者のための簡単なBootstrap3のはじめ方 BootstrapでFormを作る方法 Bootstrapを使えば通常のHTMLフォーム

Overview Social Share Kit is a library of decent and good looking CSS/JavaScript social sharing tools like social network icons, share buttons, share count, floating/sticky button bar and popups. It is open-source library hosted on github, yet licensed under Creative Commons Attribution-NonCommercial 3.0 license. Read more about License and Pricing.