Question

我的网站通过PHP和jQuery动态包含内容淡入/淡出网站内容，以便页面不刷新。

唯一的问题是，因为我添加了java淡入/淡出我的图像在加载的内容上没有显示。显示图像的框，但它的作用就像目录中有图像一样。

我的html和php包括我的index.php：

<body>
    <div id="wrapper">
        <div id="header">
            <?php include('header.php') ?>

            <div id="menu">
                <?php include('menu.php') ?>
            </div>

            <hr class="topline" />
            <hr class="bottom-line" />
        </div>
    <div id="content">
        <?php
            $content = $_GET['content'];
            $pages = array('forside', 'menukort', 'hvemervi', 'Kontakt', 'catering');
            if (!empty($content)) {
                if(in_array($content, $pages)) {
                    $content .= '.php';
                    include($content);
                } else {
                    echo 'Siden kunne ikke findes. Der må være sket en fejl! Gå tlbage til <a href="index.php">forsiden</a>';
                }
            } else {
                include('pages/forside.php');
            }   
        ?>
    </div>

    <div id="footer">
        <?php include('footer.php') ?>
    </div>
</div>

这是我的javascript淡入/淡出的粘贴框：http://pastebin.com/YN3pUvnq

以下是该网站的实时版本：http://wonzentest.wonzen.dk

Frontpage应该包含一个像这样编码的javascript库/幻灯片：

<script class="secret-source">
    jQuery(document).ready(function($) {

      $('#banner-slide').bjqs({
        animtype      : 'slide',
        height        : 480,
        width         : 960,
        responsive    : true,
        randomstart   : true,
        nexttext : '<div class="hovernavright"><img src="../Images/leftarrow.png" style="width: 40px; height: 40px;" /></div>',
        prevtext : '<div class="hovernavleft"><img src="../Images/rightarrow.png" style="width: 40px; height: 40px;" /></div>',
        usecaptions : true,
        automatic : true
      });

    });
</script>

<div id="banner-slide">
    <ul class="bjqs">
        <li><img src="../Images/HQ/Wonzenmad.jpg" title="WONZEN ER THAT BOOMB" /></li>
        <li><img src="../Images/HQ/Wonzenmad.jpg" title="Velkommen til Wonzen!" /></li>
        <li><img src="../Images/HQ/Wonzenmad1.jpg" title="Wonzen - Krydrer din hverdag!"></li>
        <li><img src="../Images/HQ/wonzenmad3.jpg" title="Wonzen - Krydrer din hverdag!"></li>
        <li><img src="../Images/HQ/Wonzenmad2.jpg" title="Wonzen - Krydrer din hverdag!"></li>
        <li><img src="../Images/HQ/wonzenmad4.jpg" title="Wonzen - Krydrer din hverdag!"></li>
        <li><img src="../Images/HQ/wonzenmad5.jpg" title="Wonzen - Krydrer din hverdag!"></li>
        <li><img src="../Images/HQ/wonzenmad6.jpg" title="Wonzen - Krydrer din hverdag!"></li>
        <li><img src="../Images/HQ/wonzenmad7.jpg" title="Wonzen - Krydrer din hverdag!"></li>
        <li><img src="../Images/HQ/wonzenmad8.jpg" title="Wonzen - Krydrer din hverdag!"></li>
        <li><img src="../Images/HQ/wonzenmad9.jpg" title="Wonzen - Krydrer din hverdag!"></li>
        <li><img src="../Images/HQ/wonzenmad10.jpg" title="Wonzen - Krydrer din hverdag!"></li>
    </ul>
</div>

一切正常，直到我开始使用淡入淡出。所有困扰我的其他图像都是用

完成的

<img src="../Images/HQ/imagename.jpg" />

修改

没有明显的原因，图像在上传到远程服务器时决定工作..嗯.. 虽然当我按下首页菜单按钮并看到首页时，不会显示java幻灯片，或者只显示其中的一部分（它放错位置）。

当你firdt加载页面时，脚本工作正常.. 我在这里迷路了。

PHP动态包含和javascript淡入淡出 - 图像无法正常工作

0 个答案: