Home/ Questions/Q 8538001
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T11:02:24+00:00

This is probably a bit of a noob question but seeing as I am

  • 0

This is probably a bit of a noob question but seeing as I am a noob when it comes to JQuery I will need some help. Basically, my homebrewed image gallery script works fine when I test it locally, but one uploaded the script jsut doesn’t work. I have no clue as to why?

You can see the website here

Here is the JQuery

THE BASIC HTML:

<div id="imagenav">
    <ul>
        <li>
            <a href="">
                <img src="images/thumbs/1.jpg"/>
            </a>
        </li>
        <li>
            <a href="">
                <img src="images/thumbs/2.jpg"/>
            </a>
        </li>
        <li>
            <a href="">
                <img src="images/thumbs/3.jpg"/>
            </a>
        </li>
    </ul>  
</div>

<div id="imagecontainer">
    <div>
        <a class="prev" href="">prev</a>
        <a class="next" href="">next</a>
        <a class="index" href="">X</a><br>
        <img src="images/1.jpg"><br>
        <p>Description: Vestibulum id ligula porta felis euismod semper.</p>
    </div>
    <div>
        <a class="prev" href="">prev</a>
        <a class="next" href="">next</a>
        <a class="index" href="">X</a><br>
        <img src="images/2.jpg"><br>
        <p>Description: Vestibulum id ligula porta felis euismod semper.</p>
    </div>
    <div>
        <a class="prev" href="">prev</a>
        <a class="next" href="">next</a>
        <a class="index" href="">X</a><br>
        <img src="images/3.jpg"><br>
        <p>Description: Vestibulum id ligula porta felis euismod semper.</p>
    </div>
</div>

THE BASIC JQUERY SCRIPT:

 var imagenav= $('#imagenav li a');
 var imagecontainer= $('#imagecontainer');
 var images= $('#imagecontainer div');
 var shader= $('#shader');

 imagenav.click(function (event) {
    event.preventDefault();
    var imageno = imagenav.index(this);
    imagecontainer.fadeIn(300, function(){
            shader.fadeIn(300);
            images.hide(0);
            images.eq(imageno).fadeIn(300);
    });
    return false;
});

Any help would be very much appreciated!

Many thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your included jQuery script throws an error:

    <script src="jquery.js">
    <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
    <html><head>
    <title>403 Forbidden</title>
    </head><body>
    <h1>Forbidden</h1>
    <p>You don't have permission to access /test/jquery.js
    on this server.</p>
    <p>Additionally, a 404 Not Found
    error was encountered while trying to use an ErrorDocument to handle the request.</p>
    <hr>
    <address>Apache/2.2.22 (Unix) mod_ssl/2.2.22 OpenSSL/0.9.8e-fips-rhel5 DAV/2 mod_auth_passthrough/2.1 mod_bwlimited/1.4 FrontPage/5.0.2.2635 mod_fcgid/2.3.6 Server at designbykai.com Port 80</address>
    </body></html> 
</script>

    Try this instead:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

    And in your code (imagegallery.js) you could preserve the dollar reference to jQuery:

    (function($){

   //code here  

})(jQuery);
    • 0