問題タブ [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.
prettyphoto - プリティフォト サムネイルの余白 - 調整方法
PrettyPhoto のサムネイルの余白を調整する (具体的には増やす) のを手伝ってくれる人はいますか?
http://www.element118.com/codetesting/118_NewSite_Test/work.html
CSS と JS ファイルをいじりましたが、これまで試したことは何もありません。No Margin for Error のフォーラムを試してみましたが、何週間も私の投稿に返信がなく、フォーラムは現在スパムでいっぱいのようです。
前もって感謝します。
php - JQueryprettyPhoto-画像ではないリンクからギャラリーを開く
JQueryのprettyPhotoライトボックスクローンを使用しています。これはうまく機能しますが、小さな問題が1つあります。
すべての画像の形式は次のとおりです。
4つの画像が表示され、別の10の画像が<div>withを使用して非表示になっていstyle='display:none;'ます。4つの画像のいずれかをクリックすると、ギャラリーが開き、14枚の写真がすべて表示されます。それはいいです。
ただし、「14枚の写真をすべて表示」というリンクも必要です。このリンクをクリックすると、ギャラリーが開きます。さて、私が<a href='imageURL'>テキストリンクを与えないと、それは機能しません。しかし、たとえば最初の画像にリンクすると、その画像はギャラリーに2回表示されます。どうすればそれを回避できますか?
代わりに、テキストリンクを非表示の画像の1つにリンクすることを考えましたが、PHPを使用して4つの表示画像がランダムに選択されるため、これは解決策ではありません。
php - ワードプレスの画像ホバーに虫眼鏡オーバーレイ
このギャラリーを手に入れました。画像にカーソルを合わせたときに虫眼鏡(または何か)を適用して、画像が大きくなる可能性があることをユーザーが簡単に確認できるようにします。私が欲しい効果はこれと似ています。
私はワードプレスでさまざまなファイルを調べてきましたが、私の問題は
<span class="roll" ></span>、画像を含むリンク内に追加できないことです。
誰かがこれを行う方法を知っているなら、教えてください。:-)
ありがとう。
これをfooter.phpに入れました
そしてこれはcssにあります。
Web開発者のコードを見ると、次のようになっています。

それはワードプレスが私のすべてのCSSなどを上書きするようなものです。
prettyphoto - Concrete5 - パワースライダー ライトボックス
問題: Concrete5 Web サイトで、カスタム パワースライダー/ライトボックス ブロックの統合が期待どおりに機能し、別のケースでは機能しません。
これが起こることです:
このリンクhttp://concrete.tonkinliu.co.uk/process/にアクセスして "HEADING NEW" のサムネイルをクリックすると、すべてが期待どおりに機能します。画像全体とキャプション/フレーズがライトボックスに表示されます。 .
「HEADING OTHER」のサムネイルをクリックすると、ライトボックスも開きますが、画像の配置とサイズが正しくなく、下部が切れており、キャプション/フレーズが表示されません。
私が理解していないのは、まったく同じブロックであるにもかかわらず、あるケースでは完全に機能し、別のケースでは機能しない理由です...
誰かが私を正しい方向に向けることができるかもしれません。
ありがとう!
jquery - AjaxはprettyPhotoでロードを終了します-jquery
私はprettyPhotoを使用してajaxウィンドウを開いています:http ://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/
これはウィンドウを開くための私のリンクです
comment.phpの中に、すべてがロードされたときに一番下までスクロールしたいdivがあります。コメントに返信して、divを一番下までスクロールすると、ajaxウィンドウの負荷がわかりません。何か案は?
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) をサムネイルとして表示したいだけです。
私を助けてください、そして前もって感謝します。
jquery - ライトボックス (つまり、"PrettyPhoto") iFrame フォーカスを検出する方法
フォーカスが PrettyPhoto フレームから次のフレームに変わるたびに、特定の jQuery アクションを実行する必要があります。
これを実現するための HMTL と JS コーディングがどのようになるか知っている人はいますか?
ありがとう!
jquery - IFRAMEでフォーム要素を識別する方法
サーバーへのAJAX呼び出しを起動できるように、aのと値が変更valueされた<input type="text">かどうかを判断しようとしています。<textarea>スクリプトは単にループしてid、現在のものだけでなくすべてを表示しますIFRAME。
AJAX呼び出しとバックエンドスクリプトの実行方法を知っていますが、特定のprettyPhotovalueでフォーム要素が変更された場合にキャプチャする方法がわかりません。私のprettyPhotoフレームは動的に作成され、に800を超える要素があります。 IFRAMEFORM
私は次のjQueryを持っています:
どんな考えや助けも大歓迎です。
PS私はスタイルシートの使い方を知っており、開発が終わったらすべてのスタイルをシートに移動します。物事が頻繁に変わるため、開発中にインラインスタイリングのコツ(おそらく悪い習慣)があり、一度に1つのドキュメントで作業することを好みます。
[at]JFの回答を使用した次の試み
jquery - prettyPhotoはdocument.ready()を壊します
私はprettyPhotoを機能させようとしていますが、問題が発生しているようです。私がprettyPhoto.jsをロードするときはいつでも、それは静かに失敗します。コンソールの警告は表示されず、すべてが正常にロードされたと主張します。
を削除しない限り、アラートは発生しません<script src="Scripts/jquery.prettyPhoto.js" type="text/javascript" />。
誰かがこれをどのように修正するかについての考えを持っているなら、私は非常に素晴らしいでしょう。答えとして、prettyPhotoの良い代替案も受け入れたいと思います。ありがとう。
javascript - PrettyPhoto-ユーザーがモーダルボックスを閉じたときを追跡する方法
私はビデオを表示するためにきれいな写真を使用しています-それはきれいな写真のウェブサイトのデモとしてほとんど機能します
http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#prettyPhoto
私のウェブサイトで最初のデモを見ると、同様のウィンドウが開きますが、画像の代わりにビデオが再生されます。
このウィンドウでは、右下隅にこの小さな「x」があります。したがって、ユーザーが閉じるをクリックすると、追跡したいと思います。基本的に、ユーザーが閉じるをクリックすると、サーバー側スクリプトを呼び出すことができるjquery関数がトリガーされます。
これが私の現在の設定です
しかし、ユーザーが閉じるをクリックしたときに追跡し、トピックIDをその関数に渡す方法はありますか?ありがとうございます