2018年03月4日(日)
表示されている画像を任意の画像に変更する
Result
画像をクリックすると別の任意の画像を選択出来るようになります。jQuery
(function($) { $.fn.imgEdit = function(options) { // デフォルト var settings = $.extend({ inputName : "profile-picture", form : "#profile", }, options); $(this).click(function(e){ var target = this; // input要素作成 input = document.createElement('input'); // Add attributes input.setAttribute('type', 'file'); input.setAttribute('name', settings.inputName); input.setAttribute('accept', '.jpg, .jpeg, .png'); input.setAttribute('style', 'display:none;'); // クリックイベン...
author:
かちびと.net
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログ
‹ PREV
【インスピレーション】CSS&SVGのみで作られた「自然風景」のバックグラウンドをコード付きで12例紹介!【前篇】
NEXT ›
[ユーザー投稿] グーグルのクラウドを支えるテクノロジー > 第33回 アプリケーション実行基盤の標準環境 Borg(パート2)
関連記事
Ads
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『表示されている画像を任意の画像に変更する』についてまとめています。
この記事は特にjQueryについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。