1

(クロススライド)

（ライトボックス）

これは私のヘッダーです：

<script type="text/javascript" src="<?php echo ROOT.'sources/js/jquery.js'; ?>"></script>
<script type="text/javascript" src="<?php echo ROOT.'sources/js/contentSlider/jquery.cross-slide.js'; ?>"></script>
<link rel="stylesheet" href="<?php echo ROOT.'sources/css/lightbox.css'; ?>" type="text/css" media="screen" />
<script type="text/javascript" src="<?php echo ROOT.'sources/js/lightbox/prototype.js'; ?>"></script>
<script type="text/javascript" src="<?php echo ROOT.'sources/js/lightbox/scriptaculous.js?load=effects,builder'; ?>"></script>
<script type="text/javascript" src="<?php echo ROOT.'sources/js/lightbox/lightbox.js'; ?>"></script>

これは私の体です：

 <script type="text/javascript">
 $(function() {
    $('#imgHold').crossSlide({
      sleep: 3,
      fade: .5
    }, [
      { src: 'images/featured/ftcont_img1.png' },
      { src: 'images/featured/ftcont_img2.png' },
      { src: 'images/featured/ftcont_img3.png' },
      { src: 'images/featured/ftcont_img4.png' }
    ]);
 });
 </script>
 <div id="ftIMG"><div id="imgHold">Loading...</div></div>

このページのライトボックス スクリプトを使用しているものはありません。しかし、スクリプトをヘッダーに保持したいので、PHP では 1 つのヘッダーを呼び出すだけで済みます。LightBox の「マニュアル」では、body タグの onload 属性に「initLightbox();」を追加するように指示されていたので、それを行っても何も変わりませんでした。また、(jQuery.no-conflict) について他の場所で読んだことがあります。または、この問題を解決する別の方法がある場合。

また、他のすべてのものと同じページで (ThickBox3.1) を使用したい場合。それは可能でしょうか、そしてどうすれば正確に行うことができますか?

また、それらをリンクとして投稿しないことについて申し訳ありませんが、新しいユーザーは複数のリンクを投稿することを許可されていないようです.

4

1 に答える 1

0

コード スニペットを次のように変更してみてください。

jQuery(function() {
    jQuery('#imgHold').crossSlide({
      sleep: 3,
      fade: .5
    }, [
      { src: 'images/featured/ftcont_img1.png' },
      { src: 'images/featured/ftcont_img2.png' },
      { src: 'images/featured/ftcont_img3.png' },
      { src: 'images/featured/ftcont_img4.png' }
    ]);
 });

ページに他の競合がない限り、これは機能する可能性があります。

jQuery を他のライブラリ (prototype や scriptaculous など) と共に使用する方法については、docs.jquery.com のこの記事を参照してください。どちらも例で使用しています。

于 2009-07-22T08:13:48.250 に答える