問題タブ [pinterest]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
ruby-on-rails - Ruby on Rails Pinterest ボタン メディア イメージ
Ruby on Rails と Haml を使用したブログを持っています。ピンタレスト ボタンをテンプレートに追加して、すべての投稿に表示されるようにしました。ブログ投稿のプレビュー画像をメディア パラメータに自動的に挿入したいと考えています。プレビュー画像を取得する方法、または (これが rails/haml で不可能な場合) pinterest ポップアップに表示される投稿の最初の画像を取得する方法がわかりません。助けてくれてありがとう！
jquery - Pinterestのホバーボタン
ホバー時にのみ表示されるが、画像内に配置される「ピンタレストのような」ボタンを作成する方法は?
もちろんjQueryを使っています。
jquery - Pinterestのウェブサイトのモーダル効果を複製するにはどうすればよいですか？
画像をクリックすると、 Pinterestと同じ効果を作成したいと思います。モーダルウィンドウが開きますが、ページのURLも変更されます。この最後の部分は非常に重要です。ブラウザのアドレスバーのURLは変更されていますが、元のページのコンテンツはバックグラウンドで表示されます（そのため、それよりもはるかに複雑な場合でも、モーダルと呼んでいます）。私は理想的にはjQueryソリューションを探しています。
[編集]もちろん、Pinterestの動作は[戻る]ボタンを壊さないことを付け加えておきます。これもまた重要です。
html - カスタムURL（テキストリンク、画像、またはその両方）用のカスタムPinterestボタン
解決策を見つけようとしましたが、見つかりません。Pinterest（Pin It）ボタンのカスタム画像が必要で、URLでカスタム画像を固定しますが、現在のページではありません。
カスタムリンクを作成しました：
スタイルで背景画像を設定しましたが、デフォルトの[ピン留め]ボタンのみが表示され、カスタムボタンは表示されません
ピン留めボタンのカスタムボタン画像を設定できるソリューションがいくつかありますが、それらのソリューションではmedia={ImageURL}を変更できません。
人気のある解決策は
しかし、それは私を助けません。誰かが解決策を知っていますか？
javascript - 同位体で画像を追加する方法
私は、画像を表示する単一ページの JavaScript アプリケーションをコーディングしています。私が使用しているライブラリは jQuery(1.7.2) と isotope の最新バージョンです。
アプリに無限スクロールを実装しようとしています。ページの一番下までスクロールすると、ajax がサーバーと通信し、JSON でオブジェクトの配列を返します。この JSON は、各画像に関する情報と画像自体を含むいくつかの div を構築するために使用されます。
同位体対応コンテナーに作成されたときに、各 div を追加しています。私の ajax 呼び出しの完全なセクションでは、isotope("reLayout") を呼び出しています。これは十分に機能します。
私の問題は、1ダースのdivを追加するとアイテムが「フラッター」するため、アイテムを最後に配置することです。addItems、insert、appended、および isotope("reLayout") を使用せずにさまざまな順列を試しましたが、役に立ちませんでした。
ajax を使用した画像を含むアイテムを、オーバーラップしたりフラッターしたりせずに追加するにはどうすればよいですか?
よろしく、ニック
javascript - Pinterest の「Pin It」ボタン ハック
ページ上のすべてのアイテムの横に配置できるボタンを作成する方法を探しています。
ユーザーがそのボタンをクリックすると、隣にあるアイテムの画像が自動的に取得され、そのユーザーの Pinterest ボードに自動的に投稿されます (同じ説明を使用)。
私はこれを行う方法をあまり運がなくても数日間探していました.私が出会ったのはこれらの2つのサイトだけです:
http://www.nextscripts.com/pinterest-automated-posting
http://www.brandaiddesignco.com/blog/add-a-custom-pinterest-pin-it-button-to-your-website/375/#
jquery - jQueryを使ってURLフェッチでピンタレストなどの画像サイズを判定する方法
私は、ユーザーが URL を入力し、URL から画像を抽出できるようにする Web ページを作成しています。Facebook や pinterest や thefancy.com のようなものです。URL を入力すると、指定された幅より大きい幅の画像が取得されます。
私のコードはすべて jQuery であり、この画像サイズの決定と正常に動作するという要件はありませんでした。また、私の JavaScript の知識はかなり限られています。
ユーザーが Enter キーを押すと、ページは (jQuery を使用して) ajax 要求をサーバー側スクリプトに発行し、ページから抽出された画像ソースの配列を含む json オブジェクトを受け取ります。ajax.success コールバック内で、この画像の配列を、jquery append() メソッドを使用して DIV に画像を動的に追加するメソッドに渡します。
成功のコールバック ハンドラ内で画像サイズを取得しようとして立ち往生しています。SO を読んだ後、画像ロード ハンドラーを追加し、その画像ロード ハンドラー内に、num_added 変数をインクリメントするコールバック addImage() を用意しました。後で、この num_added 変数を使用して、ユーザーに表示するメッセージの種類を決定したいと考えています。
問題は、showNextMessage() が processUrlFetch() でループが完了するのを待たないことです。showNextMessage() は、processUrlFetch() が呼び出されるとすぐに起動されます。したがって、常に「画像が見つかりません」というメッセージが表示されます。
私はこのトピックを調査しようとしましたが、ここでは深みがありません。jquery と DOM イベントを混在させることが問題になる可能性があると思います。また、 image.load() を介して画像サイズを取得する方法論がどの程度防弾であるかはわかりません。また、imagesloaded プラグインが私の目的に役立つかどうかもわかりません。
2つの質問があります
- ここで動的に挿入された画像の「実際の」画像サイズを取得するために行っていることが、有効なクロスブラウザー手法である場合 (img.load イベントに依存)
- ループが終了した後にのみ showNextMessage() が起動されるようにするにはどうすればよいですか?
processesUrlFetch : function(response) { var images = response.images ;
完全なコードを見たい場合 - ここに要点があります: - https://gist.github.com/3084904
pinterest - Pin It ボタンにカウントが表示されない
pinterest.com で製品画像を共有するために、「ピン留め」ボタンを統合しました。しかし、私のサイトのピン留めボタンの前にピン数が表示されません。次のコードを書きました。
これは私のサイトの固定ボタンです
& この js ファイルは、<body>タグが閉じられる前にインクルードされます。
誰かが持っている場合は、解決策を提案してください。
ありがとう
image - AddThis Pinterest ウィジェットは、ナビゲーション ボタンや広告など、提供したくない画像を提供しています。
AddThis Pinterest ボタンをクリックすると、画面中央にボックスが開き、私のページからさまざまな画像が表示されます。涼しい。ただし、提供されるものの中には、ナビゲーション ボタン、バナー広告、および関連するその他の画像の粗く拡大された部分があります。同じページで、お気に入りバーの PinIt ボタン (Pinterest 自体から) は「正しく」実行されます。つまり、意味のある画像のみが提供されます。ナビゲーションボタンは含まれていません。
AddThis Pinterest ウィジェット ボックスから選択した画像を除外するにはどうすればよいですか?
助けていただける方、よろしくお願いします。
javascript - パラメータ付きのリンクをprinterestに固定する方法
複数のパラメーターでリンクを固定しようとしましたが、パラメーターは 1 つだけです。私はhtmlを使用しています（JSも私にとっては問題ありません）。