Hi everyone, I am having some problems implementing a js slide caption on my webpage and I would appreciate if someone could help.
Here is the Js caption

and here is the code I am working with :

                font-family: monospace;
                font-size: 26px;
                color: #666;
        <a href="#myToggle" class="panel">
            <img src="images/pic01.jpg" width="1200" height="500" alt="">
        <div id="myToggle" class="cap-overlay hide">
            <div class="content">
                Name: cupcakes.png<br />
                Photography: Ryun Shofner<br />
        <script src="jquery.js" type="text/javascript"></script>
        <script src="jquery.hcaptions.js" type="text/javascript"></script>
            $(window).load(function() {
                    effect: "slide",
                    direction: "left",

Here's the complete file


Recommended Answers

All 3 Replies

Try this rather

$(document).ready(function() {
        effect: "slide",
        direction: "left",

Hi , I tried what you suggested. It still didn't work. The caption displays under the image and it doesn't have the slide effect. I really hope someone could help out.


Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, learning, and sharing knowledge.