2

私は fancybox2 を使用しており、参照プロジェクトのケーススタディを使用して、クリック可能な素敵なファンシーボックスを作成したいと考えています。

<a class="fbajax fancybox.ajax" href="filename">アイデアは、fancybox で開くファイル (当面は .txt、将来的には .php ファイルに置き換えられる必要があります) をトリガーする1 つのリンクをページに配置することです。

<script>
  $(document).ready(function() {
    $(".fbajax").fancybox({
    });
  });
</script>

<div class="fb2wrap">ファイル内には、1 つのケース スタディのコンテンツを含む複数の div コンテナーがあります。

現時点では、すべて<div class="fb2wrap">が 1 つの fancybox アイテムにリストされています。ファンシーボックスで div コンテナーからギャラリーを作成し、ケース スタディをクリック可能にするにはどうすればよいですか?

4

1 に答える 1

0

基本的な考え方は次のとおりです。このコンテンツがロードされる前に、fancybox のコンテンツを調整する必要があるため、beforeLoadここで説明するようにコールバックを定義できます: http://fancyapps.com/fancybox/#docs

href=#caseStudyXしかし、それを実現する最も簡単な方法は、各ケース スタディの Web ページを作成し、各リンクの を次のように置き換えて作成したこの小さな jsfiddle を適応させることです。href=caseStudyX.php

これがjsfiddleです：http://jsfiddle.net/xavier_seignard/RDv2a/1/

于 2012-11-14T16:25:59.257 に答える