問題タブ [prettyphoto]

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.

0 投票する
1 に答える
523 参照

prettyphoto - プリティフォト サムネイルの余白 - 調整方法

PrettyPhoto のサムネイルの余白を調整する (具体的には増やす) のを手伝ってくれる人はいますか?

http://www.element118.com/codetesting/118_NewSite_Test/work.html

CSS と JS ファイルをいじりましたが、これまで試したことは何もありません。No Margin for Error のフォーラムを試してみましたが、何週間も私の投稿に返信がなく、フォーラムは現在スパムでいっぱいのようです。

前もって感謝します。

0 投票する
1 に答える
8219 参照

php - JQueryprettyPhoto-画像ではないリンクからギャラリーを開く

JQueryのprettyPhotoライトボックスクローンを使用しています。これはうまく機能しますが、小さな問題が1つあります。

すべての画像の形式は次のとおりです。

4つの画像が表示され、別の10の画像が<div>withを使用して非表示になっていstyle='display:none;'ます。4つの画像のいずれかをクリックすると、ギャラリーが開き、14枚の写真がすべて表示されます。それはいいです。

ただし、「14枚の写真をすべて表示」というリンクも必要です。このリンクをクリックすると、ギャラリーが開きます。さて、私が<a href='imageURL'>テキストリンクを与えないと、それは機能しません。しかし、たとえば最初の画像にリンクすると、その画像はギャラリーに2回表示されます。どうすればそれを回避できますか?

代わりに、テキストリンクを非表示の画像の1つにリンクすることを考えましたが、PHPを使用して4つの表示画像がランダムに選択されるため、これは解決策ではありません。

0 投票する
1 に答える
1969 参照

php - ワードプレスの画像ホバーに虫眼鏡オーバーレイ

このギャラリーを手に入れました。画像にカーソルを合わせたときに虫眼鏡(または何か)を適用して、画像が大きくなる可能性があることをユーザーが簡単に確認できるようにします。私が欲しい効果はこれと似ています。

私はワードプレスでさまざまなファイルを調べてきましたが、私の問題は <span class="roll" ></span>、画像を含むリンク内に追加できないことです。

誰かがこれを行う方法を知っているなら、教えてください。:-)

ありがとう。

これをfooter.phpに入れました

そしてこれはcssにあります。

Web開発者のコ​​ードを見ると、次のようになっています。 画像コード

それはワードプレスが私のすべてのCSSなどを上書きするようなものです。

0 投票する
0 に答える
236 参照

prettyphoto - Concrete5 - パワースライダー ライトボックス

問題: Concrete5 Web サイトで、カスタム パワースライダー/ライトボックス ブロックの統合が期待どおりに機能し、別のケースでは機能しません。

これが起こることです:

このリンクhttp://concrete.tonkinliu.co.uk/process/にアクセスして "HEADING NEW" のサムネイルをクリックすると、すべてが期待どおりに機能します。画像全体とキャプション/フレーズがライトボックスに表示されます。 .

「HEADING OTHER」のサムネイルをクリックすると、ライトボックスも開きますが、画像の配置とサイズが正しくなく、下部が切れており、キャプション/フレーズが表示されません。

私が理解していないのは、まったく同じブロックであるにもかかわらず、あるケースでは完全に機能し、別のケースでは機能しない理由です...

誰かが私を正しい方向に向けることができるかもしれません。

ありがとう!

0 投票する
1 に答える
3210 参照

jquery - AjaxはprettyPhotoでロードを終了します-jquery

私はprettyPhotoを使用してajaxウィンドウを開いています:http ://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

これはウィンドウを開くための私のリンクです

comment.phpの中に、すべてがロードされたときに一番下までスクロールしたいdivがあります。コメントに返信して、divを一番下までスクロールすると、ajaxウィンドウの負荷がわかりません。何か案は?

0 投票する
1 に答える
851 参照

viewer - prettyPhoto ビューアー内に特定のサムネイルを表示する

問題の解決策が見つかりませんでした。つまり、 prettyPhoto viewer内に特定のサムネイルを表示しようとしているので、次のコードがあります。

a href="images/full01.jpg" rel="prettyPhoto[1]" > img src="images/thumb01.jpg" /

a href="images/full02.jpg" rel="prettyPhoto[1]" > img src="images/thumb02.jpg" style="display:none"/

a href="images/full03.jpg" rel="prettyPhoto[1]" > img src="images/thumb03.jpg" style="display:none"/

ここで、画像 (thumb01.jpg) をクリックすると、prettyPhoto ビューアが表示されて (full01.jpg) 画像が表示されますが、prettyPhoto ビューア内のサムネイルには (full02.jpg、full03.jpg) が表示されます。

(thumb02.jpg、thumb03.jpg) をサムネイルとして表示したいだけです。

私を助けてください、そして前もって感謝します。

0 投票する
2 に答える
420 参照

jquery - ライトボックス (つまり、"PrettyPhoto") iFrame フォーカスを検出する方法

フォーカスが PrettyPhoto フレームから次のフレームに変わるたびに、特定の jQuery アクションを実行する必要があります。

これを実現するための HMTL と JS コーディングがどのようになるか知っている人はいますか?

ありがとう!

0 投票する
1 に答える
195 参照

jquery - IFRAMEでフォーム要素を識別する方法

サーバーへのAJAX呼び出しを起動できるように、aのと値が変更valueされた<input type="text">かどうかを判断しようとしています。<textarea>スクリプトは単にループしてid、現在のものだけでなくすべてを表示しますIFRAME

AJAX呼び出しとバックエンドスクリプトの実行方法を知っていますが、特定のprettyPhotovalueでフォーム要素が変更された場合にキャプチャする方法がわかりません。私のprettyPhotoフレームは動的に作成され、に800を超える要素があります。 IFRAMEFORM

私は次のjQueryを持っています:

どんな考えや助けも大歓迎です。

PS私はスタイルシートの使い方を知っており、開発が終わったらすべてのスタイルをシートに移動します。物事が頻繁に変わるため、開発中にインラインスタイリングのコツ(おそらく悪い習慣)があり、一度に1つのドキュメントで作業することを好みます。

[at]JFの回答を使用した次の試み

0 投票する
1 に答える
503 参照

jquery - prettyPhotoはdocument.ready()を壊します

私はprettyPhotoを機能させようとしていますが、問題が発生しているようです。私がprettyPhoto.jsをロードするときはいつでも、それは静かに失敗します。コンソールの警告は表示されず、すべてが正常にロードされたと主張します。

を削除しない限り、アラートは発生しません<script src="Scripts/jquery.prettyPhoto.js" type="text/javascript" />

誰かがこれをどのように修正するかについての考えを持っているなら、私は非常に素晴らしいでしょう。答えとして、prettyPhotoの良い代替案も受け入れたいと思います。ありがとう。

0 投票する
1 に答える
3981 参照

javascript - PrettyPhoto-ユーザーがモーダルボックスを閉じたときを追跡する方法

私はビデオを表示するためにきれいな写真を使用しています-それはきれいな写真のウェブサイトのデモとしてほとんど機能します

http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#prettyPhoto

私のウェブサイトで最初のデモを見ると、同様のウィンドウが開きますが、画像の代わりにビデオが再生されます。

このウィンドウでは、右下隅にこの小さな「x」があります。したがって、ユーザーが閉じるをクリックすると、追跡したいと思います。基本的に、ユーザーが閉じるをクリックすると、サーバー側スクリプトを呼び出すことができるjquery関数がトリガーされます。

これが私の現在の設定です

しかし、ユーザーが閉じるをクリックしたときに追跡し、トピックIDをその関数に渡す方法はありますか?ありがとうございます