CodeIgniterに画像がないjQueryライトボックス

私は、CodeIgniterのポートフォリオサイトビルドにjQuery Lightboxプラグインを実装しようとしています。イメージをクリックするとライトボックスがロードされて表示されます。ただし、表示する画像(クローズ、次、前など)はライトボックスにロードされません。

<script src="<?php echo base_url(); ?>js/libs/jquery-1.6.2.js"></script>
<script src="<?php echo base_url(); ?>js/jquery.lightbox-0.5.min.js"></script>
<script type="text/javascript">
    $(function() {
      $('a.lightbox').lightBox();//Select all links with lightbox class
    });
</script>

また、.jsファイル内のイメージのファイルパスを変更しようとしましたが、リンクが壊れています。正しい方向にjavascriptを指すURLヘルパーの何かか、間違ったフォルダに入っていますか?私はルート、jsフォルダ(スクリプトと同じフォルダ)、およびビューフォルダを試した。

2
追加された
ビュー: 1

4 答え

最も簡単な方法は、Firebugを実行し、見つからないイメージをNetタブで見てから、そこにファイルを移動するか、コード内のパスを変更してパスを修正することです。

Lightbox CSSファイルが含まれていると仮定します(上記のコードでは表示されません)

ライトボックスを呼び出すときに、必要な画像の場所を指定することもできます。

<script type="text/javascript">
    $(function() {
      $('a.lightbox').lightBox({
         'imageLoading': "<?php echo site_url(); ?>images/lightbox-ico-loading.gif",
         'imageBtnClose': "<?php echo site_url(); ?>images/lightbox-btn-close.gif",
         'imageBtnPrev': "<?php echo site_url(); ?>images/lightbox-btn-prev.gif",
         'imageBtnNext': "<?php echo site_url(); ?>images/lightbox-btn-next.gif",
         'imageBlank': "<?php echo site_url(); ?>images/lightbox-blank.gif"
      });//Select all links with lightbox class
    });
</script>

変数はこちらに記載されています。

1
追加された

あなたのURLを正しく構築しているようです。あなたのコードによると、JSフォルダは同じレベルのアプリケーションフォルダにあります。それがあなたのための正しい道であることを確認してください!

  • アプリケーション( <�?php echo base_url();?> application/
  • システム
  • JS( <�?php echo base_url();?> js/);
  • index.php

また、.htaccessがそのフォルダへのアクセスを妨げているかどうかを確認することもできます(IIRCパッケージには「Deny from all」.htaccessルールが含まれていますが、アプリケーションフォルダ内にあります)。画像が表示されないようにする)。

And, as noted by Steve Lewis, check in Firebug, or in the Dev Tools of IE or Chrome (usually F12 on the keyboard) if the NET tab, or something analogue, shows you a 404 for the resources.
Did you try viewing the source and clicking on the script links? Did you try accessing your images directly in your browser?

0
追加された

Same problem here, found the solution in this forum: http://forums.modx.com/index.php?topic=44367.0

CSSファイルを変更しても何も起こりませんでしたが、私は "close"   私が行方不明だったGIFは在庫ライトボックスに指定されていませんでした。   ファイルも。これで私はlightbox_lang_en.jsを見ました。ここで私は   画像へのパスにスラッシュが付いていないことを発見しました。   ブラウザは間違った場所でブラウザを探します。私は先導者を加えた   スラッシュとそれが働き始めた。ここに私の変更   lightbox_lang_ja.js:

0
追加された

問題は、ボタン画像のパスが壊れていることです。 解決策は、lightbox.jsコアファイルを編集してイメージを修正することです。 (lb-next、lb-prev、lb-close、lb-load)クラスの背景画像プロパティを修正しました。 私の場合、私は1つをクリア../

0
追加された
コアファイルを編集することは、実際には良いアイデアのようには決して聞こえません!
追加された 著者 dferenc,
はい、私はあなたと同意します。 javascriptで背景画像のプロパティを上書きしないとうまくいきます。
追加された 著者 tharaka,
PHP - 日本のコミュニティ [ja]
PHP - 日本のコミュニティ [ja]
4 参加者の

招待状へのリンク: https://t.me/joinchat/B2gdSlA_dh1-BQtEKA2dfw このグループではPHPについて話します。 パートナー:kotaeta.com